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.

DataTable onSelect does not pin header checkbox

See original GitHub issue

Expected Behavior

If caller provides pin on DataTable while also using onSelect or select, the checkbox in the header of the table should remain fixed with the rest of the header cells.

Actual Behavior

The checkbox scrolls away and does not stay pinned/

URL, screen shot, or Codepen exhibiting the issue

https://user-images.githubusercontent.com/12522275/111372635-215e3c00-8658-11eb-8f75-c406f2cd35f3.mov

Steps to Reproduce

  1. Create DataTable
  2. Apply pin
  3. Apply onSelect={() => {}} (to display checkboxes)
  4. Scroll

Your Environment

  • Grommet version: Stable
  • Browser Name and version: Chrome Version 89.0.4389.82
  • Operating System and version (desktop or mobile): Mac OS

Issue Analytics

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

github_iconTop GitHub Comments

2reactions
ericsoderberghpcommented, Mar 17, 2021

Alex is working on this …

0reactions
tayseacommented, Mar 18, 2021

Thanks for confirming @ericsoderberghp. @AkshayChoulwar are you good to still work on this?

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to add a select-checkbox in header ? — DataTables forums
I would like to add a select-checkbox in header in order to have a 'select all' / 'unselect all' features.
Read more >
DataTable - Grommet
'pin' indicates that this column should not scroll out of view to the left when the table is scrolled horizontally. 'plain' = true...
Read more >
Datatable click event on header not working - Stack Overflow
Try above code first to check if the event is being triggered or not. If you get the alert there is another issue...
Read more >
jquery datatable header and body not aligned - You.com
I have a select combobox to show/hide a div where there's a DataTable. The problem is that when the div is shown the...
Read more >
Vuetify v-data-table with selected rows and custom ... - CodePen
Sort by Sort by Sort by Sort by Sort by Dessert (100g serving) Custom Frozen Yogurt Calories. 159 Fat (g). 6 Carbs (g). 24 Dessert...
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