Table header behaving different per pagination option

User Experience
, , , ,
1

I have a table display element inside a section with the following UI/UX config

  • General
    1. Optimize code is unchecked
    2. Pagination is Progressive - Size grid height to content is unchecked
    3. See attachment - narrow columns
  • Presentation
    1. Container Format - None
    2. Fill 100%
    3. Responsiveness is unchecked
    4. ​​​​​​See attachment - normal width

​​​​​​​​​​​​​​This causes the table columns to take the smallest width (column takes width of the shortest length value

When I use any other Pagination format, my column width are set to some 38-50px smallest and will get bigger when needed.

How do I prevent the Pagination option from setting my column widths to the smallest length of the property value?

narrow columns.PNG
narrow columns.PNG447×151 851 Bytes

normal width.PNG
normal width.PNG577×135 599 Bytes

2

@AhsanK80

To prevent the Pagination option from setting your column widths to the smallest length of the property value you can try the following steps: 1. Adjust the Width of Content Configuration: In the Presentation tab of the layout properties set the Width of content to ‘Fill (100%)’. This will ensure that the column widths are set as fractions of the total width of the layout area. 2. Disable Responsiveness: Ensure that the Responsiveness checkbox is unchecked. This will prevent the table from adjusting column widths based on screen width changes. 3. Set Column Widths Manually: You can manually set the column widths by selecting ‘Pixels (fixed)’ in the Width of content list. This will allow you to specify fixed column widths in pixels. 4. Check Column Importance: Ensure that the importance of all columns is set to secondary. This can be done in the properties of each column on the grid. By following these steps you should be able to prevent the Pagination option from setting your column widths to the smallest length of the property value.

:warning: This is a GenAI-powered tool. All generated answers require validation against the provided references.

Modifying presentation options of the optimized table layout

Columns not displaying in a repeating grid in tab/mobile resolution