Making text vertical in headers

To change text orientation from default horizontal to vertical, use the header parameter of the columns property and set its vertical attribute value to true.

Example:

import { Grid } from "@svar-ui/react-grid";
import { getData } from "./common/data";

export default function App() {
  const { data } = getData();

  const columns = [
    { id: "id", width: 50 },
    {
      id: "companyName",
      header: {
        text: "Company",
        vertical: true,
      },
    },
  ];

  return <Grid data={data} columns={columns} />;
}

---

Related sample: Vertical text in header