Screenshot
Description
For Table Charts, the pagination styling is broken. This persists both when editing the chart and when viewing the chart in a dashboard, as seen at the bottom of the screenshot
Comment From: dosubot[bot]
Hi @imcewen02! I'm Dosu and I’m helping the superset team.
There aren't any existing issues or discussions that directly address the Table Chart pagination layout problem. The Table Chart pagination is implemented as a custom React component and styled locally using the .dt-pagination and .pagination classes in the plugin's Styles.tsx file, which should encapsulate its styles and prevent most conflicts. However, because .pagination is a common class name, it's possible that global CSS from frameworks like Bootstrap or Ant Design, or dashboard-level overrides, are interfering with the intended layout and styling of the pagination controls citation.
Recent frontend changes (such as icon and theme updates, and a Table Chart update merged on 2025-07-24) do not directly explain a sudden breakage, so this is likely an environmental or integration issue citation.
To troubleshoot: inspect the pagination element in your browser's dev tools to check which CSS rules are being applied or overridden, and look for any global styles that might be affecting .pagination or .dt-pagination. Testing the Table Chart in isolation (outside dashboards or with minimal custom CSS) can help confirm if the issue is due to external style conflicts. If you have custom CSS or are using a custom theme, try disabling it to see if the pagination layout returns to normal.
To reply, just mention @dosu.
How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other 
