Code: Select all
<div>
<DataTable
:value="rows" selectionMode="single" :selection.sync="selectedRow" @row-select="onRowSelect">
<Column v-for="col of columns" :field="col.field" :header="col.header" :key="col.field" />
</DataTable>
<Dialog :visible.sync="detailPanel">
<span>{{ selectedRow }}</span>
</Dialog>
</div>
onRowSelect(event) {
this.detailPanel = true
}
I've tried overriding the highlighting in css:
Code: Select all
.p-highlight {
color: unset !important;
background-color: unset !important;
}
Is there a way to either not have 'p-highlight' class applied to the row on selection, or tie the event dialog close back to the table to cause the row to be unselected?