hidden header that appear with the filters

[celciusjj]

Hi, i need remove this header that appear with the filters. But i have not found a solution for this. The header that put the filter is this.

thank you.

[aidand94]

Ran into the same issue - not sure if it's a problem with the package and using Bootstrap5, as I don't experience it in other repos that use Bootstrap4.

Looks like the span that displays this is using the sr-only tag for screen readers, this appears to be rendering though even though it should be hidden. Not sure should this be changed to an Aria Label. See: https://github.com/react-bootstrap-table/react-bootstrap-table2/blame/ef22dc47ebeb985b28980001f806eeb01a687973/packages/react-bootstrap-table2-filter/src/components/text.js#L111

Anyway solved this issue by adding this to my CSS:

.sr-only {
position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

Source: https://stackoverflow.com/a/19758620

[labhane]

Thanks a lot @aidand94 ! it solved my issue.