Notice: Undefined offset: 0 in /home/withart1000/html/net_tobesimple/page_header.php on line 24

Notice: Trying to access array offset on value of type null in /home/withart1000/html/net_tobesimple/page_header.php on line 29

Notice: Trying to access array offset on value of type null in /home/withart1000/html/net_tobesimple/page_header.php on line 30

Notice: Trying to access array offset on value of type null in /home/withart1000/html/net_tobesimple/page_header.php on line 31

Notice: Trying to access array offset on value of type null in /home/withart1000/html/net_tobesimple/page_header.php on line 32

Notice: Trying to access array offset on value of type null in /home/withart1000/html/net_tobesimple/page_header.php on line 33

Notice: Trying to access array offset on value of type null in /home/withart1000/html/net_tobesimple/page_header.php on line 34

Notice: Trying to access array offset on value of type null in /home/withart1000/html/net_tobesimple/page_header.php on line 35

Notice: Trying to access array offset on value of type null in /home/withart1000/html/net_tobesimple/page_header.php on line 36
TbsGrid :: Html Data Grid

The properties of header columns are as follows.

  • Default Properties : name, align, text.
  • If there is a single header, the text of the column property becomes the name of the header.

name property.

  • headerName is not required.

text property.

  • If there is a single header, the text of the column property becomes the text of the header.

align property.

  • The align property determines the horizontal alignment of the header text.
  • The default is center.
  • Property values : left, center, right.
// Examples
let grid1;
grid1 = new TbsGrid('grid1');

let columns = [
      { name : 'combo1', header: { text:'code'     align : 'left'  }, align : 'center'}
    , { name : 'combo2', header: { text:'Sports'   align : 'center'}, align : 'center'}
    , { name : 'combo3', header: { text:'Language' align : 'right' }, align : 'center'}
];
let options = {};
grid1.setGrid(columns, options);
grid1.setData(grid_data);