To customize your Data Table, you have access to a versatile set of controls that empower you to refine both functionality and design. Use these options to tailor your layout:
- Común
- Encabezamiento
- Columna
- Cells
- Caption
- Export Button
- Export Button Dropdown
- Paginación
- Buscar
- Individual Search Button
- Individual Search Options
- Sorting
Común #
These global style controls are for the entire table block. Manage alignment, fonts, text colors, backgrounds, borders, shadows, padding, etc. from one place.
Encabezamiento #
Here, you’ll have the freedom to style the table’s header. Customize text alignment, color, borders, border radius padding and so on.
Columna #
With the options here, you can add items to column and choose color for typography and bachground.
Cells #
Design the main content area of the table. Adjust alignment, typography, colors, borders, border radius, and padding. You can also style even and odd rows separately for a striped look.
Caption #
This allows you to modify the table caption’s appearance by changing font, color, alignment, background, border, corner radius, etc.
Export Button #
Customize the main export button’s look, including colors, background, borders, rounded corners, and padding for both normal and hover states.
Export Button Dropdown #
Style the dropdown panel that shows export options. Control spacing, colors, borders, and overall layout.
Paginación #
It lets you control the design of page numbers and navigation buttons. You can also adjust icon or text colors, background, icon border, input border, etc.
Buscar #
Customize the search input field by changing colors, background, borders, border radius, width, etc.
Individual Search Button #
Here, you can change the search button’s typography, width, height, border, box shadow etc. for normal, hover, and active states.
Individual Search Options #
Style the dropdown that lets users select a column to search. Adjust colors, weight, height, borders, padding and margins for each state.
Sorting #
Design the sort indicator icon beside column titles. Control its size, horizontal position, vertical position and color.
