Embedding custom HTML inside table cells
Is there a way to render custom html inside table cells?
I am trying to use active-table to render a list page. The first column is supposed to have links that open another page.
Currently, the examples on the activetable.io website are all about rendering a table with data. I am not finding any example of a table with html inside the cells.
<ActiveTable
data={activeTableData}
tableStyle={{
width: '100%',
}}
displayAddNewColumn={false}
frameComponentsStyles={{
styles: {
default: {
// backgroundColor: 'pink'
}
}
}}
headerStyles={{
default: {
backgroundColor: 'pink'
}
}}
rowHoverStyles={{
style: {
backgroundColor: '#d6d6d630',
"transitionDuration": "0.1s"
}
}}
// stripedRows={{
// odd: {
// backgroundColor: ''
// },
// even: {
// backgroundColor: '#ebebeb7a'
// }
// }}
rowDropdown={{
displaySettings: {
isAvailable: false
},
canEditHeaderRow: false
}}
columnDropdown={{
displaySettings: {
// isAvailable: false
},
isInsertLeftAvailable: false,
isInsertRightAvailable: false,
// is
}}
filter={true}
isCellTextEditable={false}
allowDuplicateHeaders={false}
contentEditable={false}
displayAddNewRow={false}
/>
OvidijusParsiunas / active-table
Framework agnostic table component for editable data experience.
221
How does funding with Polar work?
1
Pay now to fund the work behind this issue.
2
Get updates on progress being made.
3
Maintainer is rewarded once the issue is completed.
FAQ
Backer
You're funding impactful open source efforts
Contributor
You want to contribute to this effort
Maintainer
You want to get funding like this too