René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"fixed_columns causes issues with header alignment and overflowx","articleBody":"I'm attempting to generate a datatable with two fixed_columns and one fixed_row (header).  The total number of columns requires overflowX (auto) typically so the user scrolls to see additional columns.\r\n\r\nWith fixed_columns enabled (```{'headers':True,'data':2}```), if I also have a header fixed_row (```{'headers':True,'data':0}```), then the header row is misaligned slightly:\r\n\r\nfixed_columns enabled (see top right corner of row header):\r\n![fixed_columns_on_a](https://user-images.githubusercontent.com/12554283/207908042-9686b6e9-7ad5-4bf2-a4c5-0520c2e3b8a2.PNG)\r\n\r\nfixed_columns disable\r\n![fixed_columns_off_a](https://user-images.githubusercontent.com/12554283/207907857-82ffafdc-ad90-44ef-9087-5d5af58c5b18.PNG)\r\n\r\nAdditionally, if the table is several columns in length and the data overflowX's, then the behavior is incorrect if fixed_columns is enabled or disabled.  With fixed_columns enabled, then the table does not adhere to it's size parameters and auto shrinks to a small size (without including ``` 'minWidth':'100%'  ``` to the style_table, the table looks like this):\r\n![min_width_off_fixed_col_on_a](https://user-images.githubusercontent.com/12554283/207910359-79b2ed71-3003-4dc7-ae3d-f5dc4b4c03df.PNG)\r\n\r\nFrom the forums, a trick is to add ``` 'minWidth':'100%'  ``` to the style_table, which helps with the size, however the overflowX is incorrect now.  With fixed_columns enabled, the overflow scroll goes off into infinity (I think?), well past the actual size of the data columns in the table.  \r\n\r\nfixed_columns enabled ( ``` 'minWidth':'100%'  ``` , see scroll bars on table - scrolling goes well past the table data):\r\n![fixed_col_on_large_table_a](https://user-images.githubusercontent.com/12554283/207909370-db5bad26-7465-43f5-97b4-7273745f7f6a.PNG)\r\n\r\nfixed_columns disabled ( ``` 'minWidth':'100%'  ``` ):\r\n![fixed_col_off_large_table_a](https://user-images.githubusercontent.com/12554283/207909393-d1a01745-00de-469e-88b1-f3bb5545b611.PNG)\r\n","author":{"url":"https://github.com/zach-morris","@type":"Person","name":"zach-morris"},"datePublished":"2022-12-15T16:10:31.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":0},"url":"https://github.com/953/dash-table/issues/953"}