add column sizing rtl support

Author: armantc

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -6,14 +6,14 @@ body:
       value: |
         Thank you for reporting an issue :pray:.
 
-        This issue tracker is for reporting reproducible bugs or regression's found in [react-table](https://github.com/tanstack/table)
+        This issue tracker is for reporting reproducible bugs or regression's found in [react-table](https://github.com/armantc/table)
         If you have a question about how to achieve or implement something and are struggling, please post a question
-        inside of react-table's [Discussions tab](https://github.com/tanstack/table/discussions) instead of filing an issue.
+        inside of react-table's [Discussions tab](https://github.com/armantc/table/discussions) instead of filing an issue.
 
         Before submitting a new bug/issue, please check the links below to see if there is a solution or question posted there already:
-        - react-table's [Discussions tab](https://github.com/tanstack/table/discussions)
-        - react-table's [Open Issues](https://github.com/tanstack/table/issues?q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc)
-        - react-table's [Closed Issues](https://github.com/tanstack/table/issues?q=is%3Aissue+sort%3Aupdated-desc+is%3Aclosed)
+        - react-table's [Discussions tab](https://github.com/armantc/table/discussions)
+        - react-table's [Open Issues](https://github.com/armantc/table/issues?q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc)
+        - react-table's [Closed Issues](https://github.com/armantc/table/issues?q=is%3Aissue+sort%3Aupdated-desc+is%3Aclosed)
 
         The more information you fill in, the better the community can help you.
 
@@ -34,7 +34,7 @@ body:
           - Your bug may get fixed much faster if we can run your code and it doesn't have dependencies other than React.
           - To create a shareable code example for web, you can use CodeSandbox (https://codesandbox.io/s/new) or Stackblitz (https://stackblitz.com/).
           - Please make sure the example is complete and runnable without prior dependencies and free of unnecessary abstractions
-          - Feel free to fork any of the official CodeSandbox examples to reproduce your issue: https://github.com/tanstack/table/tree/main/examples/
+          - Feel free to fork any of the official CodeSandbox examples to reproduce your issue: https://github.com/armantc/table/tree/main/examples/
           - For React Native, you can use: https://snack.expo.dev/
           - For TypeScript related issues only, a TypeScript Playground link might be sufficient: https://www.typescriptlang.org/play
           - Please read these tips for providing a minimal example: https://stackoverflow.com/help/mcve.

.github/ISSUE_TEMPLATE/config.yml

@@ -1,7 +1,7 @@
 blank_issues_enabled: false
 contact_links:
   - name: Feature Requests & Questions
-    url: https://github.com/TanStack/table/discussions
+    url: https://github.com/armantc/table/discussions
     about: Please ask and answer questions here.
   - name: Community Chat
     url: https://discord.gg/mQd7egN

CONTRIBUTING.md

@@ -7,11 +7,11 @@ id: contributing
 
 ## Questions
 
-If you have questions about implementation details, help or support, then please use our dedicated community forum at [Github Discussions](https://github.com/tanstack/table/discussions) **PLEASE NOTE:** If you choose to instead open an issue for your question, your issue will be immediately closed and redirected to the forum.
+If you have questions about implementation details, help or support, then please use our dedicated community forum at [Github Discussions](https://github.com/armantc/table/discussions) **PLEASE NOTE:** If you choose to instead open an issue for your question, your issue will be immediately closed and redirected to the forum.
 
 ## Reporting Issues
 
-If you have found what you think is a bug, please [file an issue](https://github.com/tanstack/table/issues/new). **PLEASE NOTE:** Issues that are identified as implementation questions or non-issues will be immediately closed and redirected to [Github Discussions](https://github.com/tanstack/table/discussions)
+If you have found what you think is a bug, please [file an issue](https://github.com/armantc/table/issues/new). **PLEASE NOTE:** Issues that are identified as implementation questions or non-issues will be immediately closed and redirected to [Github Discussions](https://github.com/armantc/table/discussions)
 
 ## Suggesting new features
 
@@ -37,7 +37,7 @@ Before proceeding with development, ensure you match one of the following criter
   - Starting the dev server with `yarn start`
 - To test in your own projects:
   - Build/watch for changes with `yarn build`/`yarn dev`
-  - Link the appropriate package eg. `yarn link @tanstack/react-table`
+  - Link the appropriate package eg. `yarn link @tanstack-rtl/react-table`
 - Document your changes in the appropriate documentation website markdown pages
 - Commit your work and open a pull request
 - Submit PR for review

README.md

@@ -1,32 +1,32 @@
-![TanStack Table Header](https://github.com/tanstack/table/raw/main/media/repo-header.png)
+![TanStack Table Header](https://github.com/armantc/table/raw/main/media/repo-header.png)
 
-# [TanStack](https://tanstack.com) Table v8
+# [TanStack](https://tanstack.com) Table v8 , RTL Fixed
 
 Headless UI for building **powerful tables & datagrids** for **React, Solid, Vue, Svelte and TS/JS**.
 
 <a href="https://twitter.com/intent/tweet?button_hashtag=TanStack" target="\_parent">
   <img alt="#TanStack" src="https://img.shields.io/twitter/url?color=%2308a0e9&label=%23TanStack&style=social&url=https%3A%2F%2Ftwitter.com%2Fintent%2Ftweet%3Fbutton_hashtag%3DTanStack" />
-</a><a href="https://github.com/tanstack/table/actions?table=workflow%3A%22react-table+tests%22">
-<img src="https://github.com/tanstack/table/workflows/react-table%20tests/badge.svg" />
-</a><a href="https://npmjs.com/package/@tanstack/react-table" target="\_parent">
-  <img alt="" src="https://img.shields.io/npm/dm/@tanstack/react-table.svg" />
-</a><a href="https://bundlephobia.com/result?p=@tanstack/react-table@latest" target="\_parent">
-  <img alt="" src="https://badgen.net/bundlephobia/minzip/@tanstack/react-table@latest" />
+</a><a href="https://github.com/armantc/table/actions?table=workflow%3A%22react-table+tests%22">
+<img src="https://github.com/armantc/table/workflows/react-table%20tests/badge.svg" />
+</a><a href="https://npmjs.com/package/@tanstack-rtl/react-table" target="\_parent">
+  <img alt="" src="https://img.shields.io/npm/dm/@tanstack-rtl/react-table.svg" />
+</a><a href="https://bundlephobia.com/result?p=@tanstack-rtl/react-table@latest" target="\_parent">
+  <img alt="" src="https://badgen.net/bundlephobia/minzip/@tanstack-rtl/react-table@latest" />
 </a><a href="#badge">
     <img alt="semantic-release" src="https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg">
-  </a><a href="https://github.com/tanstack/table/discussions">
+  </a><a href="https://github.com/armantc/table/discussions">
   <img alt="Join the discussion on Github" src="https://img.shields.io/badge/Github%20Discussions%20%26%20Support-Chat%20now!-blue" />
-</a><a href="https://github.com/tanstack/table" target="\_parent">
+</a><a href="https://github.com/armantc/table" target="\_parent">
   <img alt="" src="https://img.shields.io/github/stars/tanstack/react-table.svg?style=social&label=Star" />
 </a><a href="https://twitter.com/tannerlinsley" target="\_parent">
   <img alt="" src="https://img.shields.io/twitter/follow/tannerlinsley.svg?style=social&label=Follow" />
 </a>
 
-> [Looking for version 7 of `react-table`? Click here!](https://github.com/tanstack/table/tree/v7)
+> [Looking for version 7 of `react-table`? Click here!](https://github.com/armantc/table/tree/v7)
 
 ## Enjoy this library?
 
-Try some other [TanStack](https://tanstack.com) like [React Query](https://github.com/TanStack/query), [React Form](https://github.com/tannerlinsley/react-form), [React Charts](https://github.com/TanStack/react-charts)
+Try some other [TanStack](https://tanstack.com) like [React Query](https://github.com/armantc/query), [React Form](https://github.com/tannerlinsley/react-form), [React Charts](https://github.com/armantc/react-charts)
 
 ## Visit [tanstack.com/table](https://tanstack.com/table) for docs, guides, API and more!
 
@@ -109,7 +109,7 @@ There are a fair amount of breaking changes (they're worth it, trust us!):
   - [x] Column Sizing
   - [x] Pagination
   - [x] Row Selection
-- [ ] Migrate [Examples](https://github.com/tanstack/table/tree/main/examples)
+- [ ] Migrate [Examples](https://github.com/armantc/table/tree/main/examples)
   - [x] column-visibility
   - [x] column-ordering
   - [x] column-pinning
@@ -143,31 +143,31 @@ There are a fair amount of breaking changes (they're worth it, trust us!):
 
 ```bash
 # Npm
-npm install @tanstack/react-table
-npm install @tanstack/solid-table
-npm install @tanstack/vue-table
-npm install @tanstack/svelte-table
+npm install @tanstack-rtl/react-table
+npm install @tanstack-rtl/solid-table
+npm install @tanstack-rtl/vue-table
+npm install @tanstack-rtl/svelte-table
 
 #pnpm
-pnpm install @tanstack/react-table
-pnpm install @tanstack/solid-table
-pnpm install @tanstack/vue-table
-pnpm install @tanstack/svelte-table
+pnpm install @tanstack-rtl/react-table
+pnpm install @tanstack-rtl/solid-table
+pnpm install @tanstack-rtl/vue-table
+pnpm install @tanstack-rtl/svelte-table
 
 #Yarn
-yarn add @tanstack/react-table
-yarn add @tanstack/solid-table
-yarn add @tanstack/vue-table
-yarn add @tanstack/svelte-table
+yarn add @tanstack-rtl/react-table
+yarn add @tanstack-rtl/solid-table
+yarn add @tanstack-rtl/vue-table
+yarn add @tanstack-rtl/svelte-table
 ```
 
 ## How to help?
 
 - Try out the already-migrated examples
 - Try it out in your own projects.
 - Introspect the types! Even without the docs finished, the library ships with 100% typescript to help you explore its capabilities.
-- [Read the contribution guidelines](https://github.com/tanstack/table/tree/main/CONTRIBUTING.md)
-- Write some docs! Start with the [API docs](https://github.com/TanStack/react-table/tree/main/docs/api) and try adding some information about one or more of the features. The types do a decent job of showing what's supported and the capabilities of the library.
+- [Read the contribution guidelines](https://github.com/armantc/table/tree/main/CONTRIBUTING.md)
+- Write some docs! Start with the [API docs](https://github.com/armantc/react-table/tree/main/docs/api) and try adding some information about one or more of the features. The types do a decent job of showing what's supported and the capabilities of the library.
 - Try your hand at migrating an example to v8! The todo list for the examples is above!
 - **Using a plugin?** Try rewriting your plugin (v8 doesn't have a plugin system any more) as a functional wrapper that uses TanStack Table internally. The new API is much more powerful and easier to compose. If you find something you can't figure out, let us know and we'll add it to the API.
 

docs/adapters/react-table.md

@@ -2,14 +2,14 @@
 title: React Table
 ---
 
-The `@tanstack/react-table` adapter is a wrapper around the core table logic. Most of its job is related to managing state the "react" way, providing types and the rendering implementation of cell/header/footer templates.
+The `@tanstack-rtl/react-table` adapter is a wrapper around the core table logic. Most of its job is related to managing state the "react" way, providing types and the rendering implementation of cell/header/footer templates.
 
 ## `useReactTable`
 
 Takes an `options` object and returns a table.
 
 ```tsx
-import { useReactTable } from '@tanstack/react-table'
+import { useReactTable } from '@tanstack-rtl/react-table'
 
 function App() {
   const table = useReactTable(options)

docs/adapters/solid-table.md

@@ -2,14 +2,14 @@
 title: Solid Table
 ---
 
-The `@tanstack/solid-table` adapter is a wrapper around the core table logic. Most of it's job is related to managing state the "solid" way, providing types and the rendering implementation of cell/header/footer templates.
+The `@tanstack-rtl/solid-table` adapter is a wrapper around the core table logic. Most of it's job is related to managing state the "solid" way, providing types and the rendering implementation of cell/header/footer templates.
 
 ## `createSolidTable`
 
 Takes an `options` object and returns a table.
 
 ```tsx
-import { createSolidTable } from '@tanstack/solid-table'
+import { createSolidTable } from '@tanstack-rtl/solid-table'
 
 function App() {
   const table = createSolidTable(options)

docs/adapters/svelte-table.md

@@ -2,7 +2,7 @@
 title: Svelte Table
 ---
 
-The `@tanstack/svelte-table` adapter is a wrapper around the core table logic. Most of it's job is related to managing state the "svelte" way, providing types and the rendering implementation of cell/header/footer templates.
+The `@tanstack-rtl/svelte-table` adapter is a wrapper around the core table logic. Most of it's job is related to managing state the "svelte" way, providing types and the rendering implementation of cell/header/footer templates.
 
 ## `createSvelteTable`
 
@@ -11,7 +11,7 @@ Takes an `options` object and returns a table.
 ```svelte
 <script>
 
-import { createSvelteTable } from '@tanstack/svelte-table'
+import { createSvelteTable } from '@tanstack-rtl/svelte-table'
 
 const table = createSvelteTable(options)
 

docs/adapters/vanilla.md

@@ -2,14 +2,14 @@
 title: Vanilla TS/JS
 ---
 
-The `@tanstack/table-core` library contains the core logic for TanStack Table. If you are using a non-standard framework or don't have access to a framework, you can use the core library directly via TypeScript or JavaScript.
+The `@tanstack-rtl/table-core` library contains the core logic for TanStack Table. If you are using a non-standard framework or don't have access to a framework, you can use the core library directly via TypeScript or JavaScript.
 
 ## `createTable`
 
 Takes an `options` object and returns a table.
 
 ```tsx
-import { createTable } from '@tanstack/table-core'
+import { createTable } from '@tanstack-rtl/table-core'
 
 const table = createTable(options)
 ```

docs/adapters/vue-table.md

@@ -2,18 +2,18 @@
 title: Vue Table
 ---
 
-The `@tanstack/vue-table` adapter is a wrapper around the core table logic. Most of it's job is related to managing state the "vue" way, providing types and the rendering implementation of cell/header/footer templates.
+The `@tanstack-rtl/vue-table` adapter is a wrapper around the core table logic. Most of it's job is related to managing state the "vue" way, providing types and the rendering implementation of cell/header/footer templates.
 
 ## Exports
 
-`@tanstack/vue-table` re-exports all of `@tanstack/table-core`'s and the following:
+`@tanstack-rtl/vue-table` re-exports all of `@tanstack-rtl/table-core`'s and the following:
 
 ### `useVueTable`
 
 Takes an `options` object and returns a table.
 
 ```tsx
-import { useVueTable } from '@tanstack/vue-table'
+import { useVueTable } from '@tanstack-rtl/vue-table'
 
 function App() {
   const table = useVueTable(options)
@@ -29,7 +29,7 @@ A Vue component for rendering cell/header/footer templates with dynamic values.
 Example:
 
 ```vue
-import { FlexRender } from '@tanstack/vue-table'
+import { FlexRender } from '@tanstack-rtl/vue-table'
 
 <template>
   <tbody>

docs/api/core/column-def.md

@@ -95,9 +95,9 @@ meta?: ColumnMeta // This interface is extensible via declaration merging. See b
 The meta data to associated with the column. We can access it anywhere when the column is available via `column.columnDef.meta`. This type is global to all tables and can be extended like so:
 
 ```tsx
-import '@tanstack/react-table'
+import '@tanstack-rtl/react-table'
 
-declare module '@tanstack/table-core' {
+declare module '@tanstack-rtl/table-core' {
   interface ColumnMeta<TData extends RowData, TValue> {
     foo: string
   }