column
A
column is a fundamental element of an object-table. All data displayed in an object-table is arranged in columns. Columns define the field or value to display, and the table's rows define the objects containing the field or value.An
object-table with 2 columns:main.view.xml
<var name="users" type="query:user" />
<object-table label="Users" query="users">
<column heading="First Name">{first_name}</column>
<column heading="Last Name">{last_name}</column>
</object-table>
main.js
function init() {
view.users = DB.user.all();
}
Optional
Default: unset
The text that is displayed as a
column header in the object-table.Optional
Default value: The cell's value
Override the value that is being displayed in the cell. See the guide on editing cells for more information.
Optional
Default value:
trueWhen set to
false, the column can no longer be filtered by the user. See default-filter on object-table to specify the default value for all columns on a table.Optional
Type:
auto | shrink | no-wrapDefault value:
autoConfigure the width of
object-table columns based on their content. See the column guide for more information.Optional
Type:
left | right | noneDefault value:
noneShows the column statically either on the left or the right of the table. See the guide on frozen columns for more information.
Optional
Type:
stringDefault value: unset
Optional
Type:
booleanDefault value: When no columns specify
search="true", all columns are included when searching. When any column is set to search="true", columns without it are not included in when searching.Whether the
column should be included when searching the table.Optional
Type:
asc | descDefault value: unset
Puts the column into a default sort mode regardless of the underlying query. (Useful to indicate which column is being sorted when cells are editable).
Optional
Default value: unset
The value to sort the column on instead of the display value. Useful when the display value would be something like:
${cost} but the column should sort only on cost. In that case, the attribute would be: sort-value="$object.cost"Optional
Type:
booleanDefault value:
trueWhen set to
false, the column is no longer sortable by the user. See default-sorting on object-table to specify the default value for all columns on a table.Last modified 6mo ago