gregnb / gregnb/mui-datatables

Question: Select rows with customRowRender

Open
#1,457 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
2.7k
Forks
906
PR merge metrics
No merged PRs in 30d

Description

Hi guys, I'm trying to set selected row behaviour with customRowRender and couldn't figure it out reading the documentation and searching in other issues. I'm showing a MUI ListView in mobile because I don't like the default visualization of Simple.

This is what I have so far, you can see that I added a Delete icon at the end of the row to delete, but what I want is to show the original checkbox and default behaviour to delete.

![image](https://user-images.githubusercontent.com/13320290/89185476-aafd4580-d570-11ea-9d02-5043377e7786.png)

Here's the code already done

![image](https://user-images.githubusercontent.com/13320290/89184558-67560c00-d56f-11ea-81d7-7cd4d4af60d8.png)

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by tracing the customRowRender entry point and how row selection and deletion are handled in the MUI ListView mobile rendering path. Determine whether the original checkbox and default delete behavior can be exposed there; done means the custom-rendered rows show the checkbox and preserve the expected selection and deletion behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.