primefaces / primereact

The Most Complete React UI Component Library
https://primereact.org
MIT License
6.9k stars 1.05k forks source link

showGridlines and stripedRows not working in React #7267

Closed ohthepain closed 1 month ago

ohthepain commented 1 month ago

Describe the bug

Adding showGridlines and/or stripedRows isn't producing any results for me in React.

Screenshot 2024-09-28 at 08 42 20

Reproducer

No response

System Information

System:
    OS: macOS 14.6.1
    CPU: (12) arm64 Apple M3 Pro
    Memory: 198.36 MB / 36.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 22.4.1 - /opt/homebrew/bin/node
    npm: 10.8.1 - /opt/homebrew/bin/npm
  Browsers:
    Chrome: 129.0.6668.71
    Safari: 17.6
  npmPackages:
    primereact: ^10.8.3 => 10.8.3 
    react: ^18.3.1 => 18.3.1 
    tailwindcss: ^3.4.10 => 3.4.12

Steps to reproduce the behavior

Repro steps: Create a table with showGridlines and/or stripedRows. Example:

  <DataTable value={data} showGridlines stripedRows removableSort tableStyle={{ minWidth: '50rem' }}>
    <Column sortable field="name" filter filterPlaceholder="Search by Name" header="Name"></Column>
    <Column sortable field="componentType" filter filterPlaceholder="Search by Type"  header="Component Type"></Column>
    <Column sortable field="hardwareType" header="Hardware Type"></Column>
    <Column sortable field="revision" header="Revision"></Column>
    <Column sortable field="quantity" header="Quantity"></Column>
  </DataTable>

Observed: Neither (see screenshot)

Expected behavior

Expected: Stripes and gridlines

ohthepain commented 1 month ago

It's a styling issue