primefaces / primefaces/primereact
Column: `selectionMode` shows SVG checkmark in unstyled mode
Open
@mertsincan is already working on this.
Since Sep 16, 2024.
Component: Unstyled
Status: Discussion
- Dominant language
- CSS
- Stars
- 8.3k
- Forks
- 1.2k
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
When using unstyled mode Column with checkboxes in DataGrid still shows SVG checkmark when checkbox is checked.
App
ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
<PrimeReactProvider value={{ unstyled: true }}>
<App />
</PrimeReactProvider>
)
Datatable
<DataTable
value={items}
tableClassName="table table-striped table-hover"
selectionMode="checkbox"
selection={selected}
onSelectionChange={(e: any) => setSelected(e.value)}
dataKey="id"
>
<Column selectionMode="multiple" headerStyle={{ width: "2rem" }} />
<Column field="name" header={t("Name")} />
<Column field="schema" header={t("Schema")} />
</DataTable>
Reproducer
No response
PrimeReact version
10.7.0
React version
18.x
Language
TypeScript
Build / Runtime
Vite
Browser(s)
Chromium latest
Steps to reproduce the behavior
No response
Expected behavior
No response
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.