question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Create multi header easier ?

See original GitHub issue

The currenty way to create multi header like this: https://autodesk.github.io/react-base-table/examples/multi-header. I`v to say it is not simple.

The simple way maybe like this ,just use the children attribute.

image

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:2
  • Comments:9

github_iconTop GitHub Comments

2reactions
NexxLuocommented, Jun 10, 2019

Could you share a complete example ? thanks a lot. Maybe a complete and useable example in the document will be friendly for user.

0reactions
sklinovcommented, Jul 21, 2021

Ok, I think I’ve figured it out! For ones of you (@eokoneyo , @NexxLuo ) who are struggling with docs and can’t find a working example here’s a Sandbox with 2 options for headerRenderer. Note that there are 2 of them with different signatures (one in <BaseTable > and one in <Column> components). The headerHeight prop in <BaseTable> is the one that defines the number of levels in header, so if it’s a plain number - then it’s a regular header, if it’s an array of numbers, then it’s a multi header.

https://codesandbox.io/s/react-base-table-multi-header-4xh7d?file=/src/App.tsx

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to create multiple headers or footers in a Word document?
Please do as follows to create different headers or footers in a Word document. 1. Click on the top of a page where...
Read more >
Tables with Multi-Level Headers - W3C
This page covers tables that have multi-level header cells associated per data cell ... Also, simple tables are much better supported by tools...
Read more >
How to Create Multiple Line Headers and Footers in Excel
Creating headers and footers is easy. Just follow these simple steps: Open your Excel workbook. Click on the Page Layout tab. In the...
Read more >
How to create multiple headers and footers for same website ...
Elementor Pro has gained so much popularity purely because of this. It allows you 100% edit anything that you want. It helps you...
Read more >
How to Create Multiple Headers & Footers in WordPress
Landing pages are one of the most common uses for creating multiple header and footer designs. Creating a landing page with a simplified...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found