cardView.breakpoints
Set the responsive breakpoints for the column count.
Please note - this property requires the CardView extension for DataTables.
Description
CardView's display grid will show a specific number cards per row (i.e. a column count). How many is determined by the content width of the container, cardView.gridColumns and this parameter.
Where cardView.gridColumns states the number of columns for the grid, this parameter defines which entry in columns should be used based on the content width. If the content width is greater than the first value in the array, columns.huge will be used to define the number of columns. If the content width is between the values in indexes 0 and 1, columns.large will be used, and so on.
Type
array
This parameter must be an array of exactly 5 integers, in descending value order, with the last one being 0. The values given, determine the breakpoints at which the number of columns for the card view will change.
Default
- Value:
[1200, 992, 768, 576, 0]
A set of breakpoints that correspond to content width sizes and the number of columns to be shown.
Example
Custom settings for the responsive breakpoints of CardView:
new DataTable('#myTable', {
cardView: {
breakpoints: [
1600, // huge
1100, // large
900, // medium
600, // small
0 // tiny
]
}
});