Class: ColumnBar

Monster .Components .Datatable. ColumnBar

The ColumnBar component is used to show and configure the columns of a datatable.

Dependencies: the system uses functions of the monsterjs library

You can create this control either by specifying the HTML tagdirectly in the HTML or using Javascript via thedocument.createElement('monster-column-bar');` method.

<monster-column-bar></monster-column-bar>

Or you can create this CustomControl directly in Javascript:

import '@schukai/component-datatable/source/columnbar.mjs';
document.createElement('monster-column-bar');

The Body should have a class "hidden" to ensure that the styles are applied correctly.

body.hidden {
   visibility: hidden;
}

Constructor

new ColumnBar()

A data set

Copyright: schukai GmbH

Members

defaults

To set the options via the html tag the attribute data-monster-options must be used.

Properties

Name Type Description

templates

Object

Template definitions

Properties

Name	Type	Description
`main`	string	Main template

datasource

object

The datasource

autoLoad

boolean

If true, the datasource is called immediately after the control is created.

See: https://monsterjs.org/en/doc/#configurate-a-monster-control The individual configuration values can be found in the table.

(static) instanceSymbol

This method is called by the instanceof operator.

Methods

assembleMethodSymbol() → {Monster.Components.Form.Form}

Returns:

Type:: Monster.Components.Form.Form

(static) getCSSStyleSheet() → {Array.<ColumnBarStyleSheet>}

Returns:

Type:: Array.<ColumnBarStyleSheet>

(static) getTag() → {string}

Returns:

Type:: string