gregnb / gregnb/mui-datatables

How to make the filterType: checkbox rendering more compact?

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

Description

Hello,

We're using MUIDataTable for a while now, because that's the best table-oriented component the previous front developer had chosen.
Now he's not here, we have to try our best to make it meet our users' expectation.

That's why I'm opening a few issues regarding various aspects of customization of MUIDataTable.
For this purpose, I've forked your Codesandbox and created a little showcase of all our issues:
https://codesandbox.io/s/muidatatables-misc-requests-4vkxk

We also have a custom "single-checkbox" filter, implemented in our example as the "Retired" column.
[Note: the values backing this column have the meaning of "active", not "retired", as it works as an opposite boolean - but check how it works, it's fine for us].
Apart from the custom cell rendering and the custom filter function, we rely on the default rendering for this checkbox-filter.

How can we get a more compact display?

Current:
![MUIDataTable_filters_retired_checkbox](https://user-images.githubusercontent.com/29626929/84712918-1f046f80-af6a-11ea-948e-7430fa4a5255.png)

Expected:
![MUIDataTable_filters_retired_compact](https://user-images.githubusercontent.com/29626929/84712930-23308d00-af6a-11ea-98cc-1d23d03d27c9.png)

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.