columns

To define the columns of the table

• optional (you can render a table without the header)
• Type: string[] or TColumn[]

new Grid({
  columns: ["Name", "Email", "Phone Number"]
});

or

new Grid({
  columns: [{
    name: "Name",
    sort: true,
  }, {
    name: "Email"
  }, {
    name: "Phone Number",
    width: '50%'
  }]
});

TColumn type has the following properties:

Name	Description	Type	Example
id optional	column ID	string	phoneNumber
data optional	Cell default data	function or TCell	(row) => row.name.firstName or myData
name	column name	string	Name
width optional	width of the column	string	200px or 30%
sort optional	to enable/disable sort	boolean	true or 0
hidden optional	to show/hide the column	boolean	true or 0
formatter optional	custom cell formatting	function	(cell: TCell, row: Row<TCell>, column: TColumn) => ComponentChild;
attributes optional	custom cell attributes	HTMLAttributes or function	(cell: TCell, row: Row<TCell>, column: TColumn) => HTMLAttributes;

info

See Cell formatting example for more details.