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 "wx-react-grid";
import { getData } from "./common/data";
const { data } = getData();
const columns = [
{ id: "id", width: 50 },
{
id: "companyName",
header: {
text: "Company",
vertical: true,
},
footer: "Company",
},
];
export default function App() {
return (
<Grid data={data} columns={columns} />
);
}