# Define Multiline Text Header

You can display multiline text in the header by setting the headerType property to 'multilinetext'.

<div class="sample1 demo-grid small"></div>
1
const grid = new cheetahGrid.ListGrid({
  parentElement: document.querySelector('.sample1'),
  header: [
    {field: 'item', caption: 'Item\nName', width: 100, headerType: 'multilinetext'},
    {field: 'amount', caption: 'Regular\nPrice', width: 120, headerType: 'multilinetext'},
  ],
});
grid.records = [
  {item: 'abc', amount: 123},
  {item: 'def', amount: 456},
  {item: 'ghi', amount: 789},
];
1
2
3
4
5
6
7
8
9
10
11
12

# Style Properties

Property Description Default
lineHeight define the amount of space used for lines --
autoWrapText define whether to wrap automatically. --
lineClamp define truncates text at a specific number of lines. --

In addition to this, the Standard styles is available.