gregnb / gregnb/mui-datatables

No css classes in header column in Production

Open
#1,477 7 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

Thead th cell has span inside it with role="button" and class="MUIDataTableHeadCell-toolButton-[mui-number-prefix]" in development mode. But in production there is no class="MUIDataTableHeadCell-toolButton-[mui-number-prefix]".

## Expected Behavior
The class must be present in production mode as well as in Development one.

## Current Behavior
The class is present just in development mode.

## Steps to Reproduce (for bugs)
1. Add table to the page.
2. Inspect a document in development and production mode.
3. See that class is not present in Production.

## Your Environment
| Tech | Version |
|--------------|---------|
| Material-UI | 4.11.0|
| MUI-datatables | 3.4.0|
| React | 16.13.1|
| browser | Chrome |

Attacments:
Dev:
![image](https://user-images.githubusercontent.com/34753235/90395823-d66a4f00-e09d-11ea-9163-6892a93f455f.png)

Prod:
![image](https://user-images.githubusercontent.com/34753235/90395847-df5b2080-e09d-11ea-8ea5-0d6d4f7292ca.png)

Contributor guide

No contributing guide indexed for this repository

Research direction

Reproduce the header column behavior in both development and production builds using React 16.13.1, Material-UI 4.11.0, and MUI-datatables 3.4.0. Trace how the header th span's role and class are generated and compare the resulting markup between builds. Done means the expected tool-button class is present in production as well as development.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.