Table with custom header #Ĭustomize table header so it can be even more customized. Custom column template #Ĭustomize table column so it can be integrated with other components. Filter #įilter the table to find desired data.

Sort the data to find or compare data quickly. When the data structure is complex, you can use group header to show the data hierarchy. When the the data is dynamically changed, you might want the table to have a maximum height rather than a fixed height and to show the scroll bar if needed. Fluid-height Table with fixed header (and columns) # When you have huge chunks of data to put in a table, you can fix the header and columns at the same time. When there are too many columns, you can fix some of them.

When there are too many rows, you can use a fixed header. You can highlight your table content to distinguish between 'success, information, warning, danger' and other states. Striped table makes it easier to distinguish different rows. Basic table #īasic table is just for data display. You can sort, filter, compare your data in a table. Display multiple data with similar format.

Event on resize tablecolumn