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.

Add nameRenderer prop to RowHeaderCell

See original GitHub issue

Feature request

Hi Blueprint team,

I’m currently working on a Blueprint Table and need to add a Tooltip to the RowHeaderCell text.

There is precedent for this in ColumnHeaderCell via the nameRenderer prop, however this functionality does not exist yet for the RowHeaderCell.

If the approach from ColumnHeaderCell can be repurposed here, I’m happy to submit a PR. This is a great UI library with a very thoughtful API.

Examples

<RowHeaderCell
  name="Population"
  nameRenderer={
    (name, index) =>
      <Tooltip content="The population as determined by the 2016 US Census">
        {name}
      </Tooltip>
  } />

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:6 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
adidahiyacommented, Mar 5, 2019

Ok, go for it 👍

0reactions
DannyDelottcommented, Mar 5, 2019

I think that’s a great testimony for the flexibility of this table component then! We’ve been able to get very close to our design, save for this tooltipped row header. 😄

Since we still use the interactive features like right-click menus and multi-select, etc, using the HTML table doesn’t quite fit our needs.

Our data model aside, this still seems like a useful feature for row headers and I’m happy to make a PR for it if it’s an acceptable change.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to pass a custom prop from App to cell for react-table v7?
You can do it via using the column prop which is passed to the Cell component:
Read more >
目录 - Gitee
#3447 RowHeaderCell : add nameRenderer prop to allow displaying custom headers. #3502 Hovering over date no longer clears time input.
Read more >
Header Components - JavaScript Data Grid
Some columns have sortable=false , so the header component doesn't add sorting logic. ... Properties available on the IHeaderParams<TData = any> interface.
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