TanStack / table

🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table
https://tanstack.com/table
MIT License
24.84k stars 3.07k forks source link

Styles don't exist in many of the index.css files for the examples #4252

Closed MA-MacDonald closed 2 years ago

MA-MacDonald commented 2 years ago

Describe the bug

Many of the React examples don't contain the used styles in the index.css file.

For example the full width resizable table example

none of these styles exist in the index.css file so the example aren't displaying correctly.

image

Your minimal, reproducible example

https://github.com/TanStack/table/blob/main/examples/react/full-width-table/src/index.css

Steps to reproduce

Open the React full width resizable table or the full width example. Check the index.css file.

Expected behavior

The table should be full width in the full width examples

How often does this bug happen?

Every time

Screenshots or Videos

image

Platform

Windows 10, Chrome Version 103.0.5060.134 (Official Build) (64-bit)

react-table version

8.5.2

TypeScript version

No response

Additional context

No response

Terms & Code of Conduct

ytnytn1 commented 1 year ago

Hi, @MA-MacDonald!

Did you manage to make this example correct ? I faced the similar problem and I'm looking for a solution.

Thanks in advance!

MA-MacDonald commented 1 year ago

@ytnytn1 Yeah if you look in the index.html it looks like they are pulling in tailwindcss which is where those "missing" classes are coming from.