fix :: bulk selection function in table column hide dropdown (#4799)

This commit is contained in:
Kiran Ashok 2022-12-07 13:56:18 +05:30 committed by GitHub
parent 87528f9882
commit 136597fc72
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -635,29 +635,32 @@ export function Table({
Select All
</span>
</div>
{allColumns.map((column) => (
<div key={column.id}>
<div>
<label className="dropdown-item">
<input
type="checkbox"
data-cy={`checkbox-coloumn-${String(column.Header)
.toLowerCase()
.replace(/\s+/g, '-')}`}
{...column.getToggleHiddenProps()}
/>
<span
className="hide-column-name"
data-cy={`options-coloumn-${String(column.Header)
.toLowerCase()
.replace(/\s+/g, '-')}`}
>
{` ${column.Header}`}
</span>
</label>
</div>
</div>
))}
{allColumns.map(
(column) =>
typeof column.Header === 'string' && (
<div key={column.id}>
<div>
<label className="dropdown-item">
<input
type="checkbox"
data-cy={`checkbox-coloumn-${String(column.Header)
.toLowerCase()
.replace(/\s+/g, '-')}`}
{...column.getToggleHiddenProps()}
/>
<span
className="hide-column-name"
data-cy={`options-coloumn-${String(column.Header)
.toLowerCase()
.replace(/\s+/g, '-')}`}
>
{` ${column.Header}`}
</span>
</label>
</div>
</div>
)
)}
</div>
</Popover>
}