• Can sort
• Column footer template
• Column Resizing
• Column width
• Data in-line style
• Heading
• Heading class name
• Heading in-line style
• Hide column if field is hidden
• Initial sort direction
• Initial state is hidden
• Javascript
• Reference field
• Resizable column
• Responsive column
• Server-side sort expression
• Sort column
• Sort where
• Template

Column width

Description

Specify the column width.

Use CSS syntax e.g. 200px, 2in, etc. You can also specify the width as :flex(<number>), for example flex(1), flex(2). Flex columns automatically grow to consume the available remaining space. If you only have one 'flex' column, the number you specify is irrelevant. If you have more than one 'flex' column, the number is the relative size. For example, say you have 4 columns with these widths: 1in, flex(1), flex(2), 2in. Say the list width is 10in. The flex width columns in total will be 7in (10-3). The flex(1) column will be 7/3in and the second 'flex' column will be 14/3in (i.e twice the width of the first 'flex' column).