{
console.log(props);
console.log(selected);
}
"
@open-popup="
(props) => {
console.log(props);
console.log(selected);
}
"
@update-table-value="
(newValue, oldValue, row, col) => {
console.log(newValue, oldValue, row, col);
}
"
@row-click="() => {}"
>
Before top
After Top
{
rows.push({
name: 'Albert',
age: 25,
birthday: '12/03/1998',
isAlive: true,
job: 'Data Analyst',
height: 1.68,
description: 'New Description',
});
}
"
/>
{
rows.push({
name: 'Carlos',
age: 22,
birthday: '12/03/1998',
isAlive: true,
job: 'Programador',
height: 1.68,
description: 'New Description',
});
}
"
/>
{
rowKey = ['job', 'age'];
}
"
/>
{
rowKey = 'name';
}
"
/>
{
visibleColumns.push({
name: 'nonExistingColumn',
isVisible: true,
});
}
"
/>
{
visibleColumns = [];
}
"
/>
{
tableLoading = !tableLoading;
}
"
/>
{
rows = [];
}
"
/>
{
startSortedBy = [
{ column: 'job', isAscending: false },
{ column: 'age', isAscending: false },
];
}
"
/>
{
tableActions = [
{
title: 'onlyOverThirtiesActionSingle',
selection: 'single',
type: 'function',
functionName: 'onlyOverThirtiesAction',
actionSelectionRules: (row: TableRow) =>
(row.age as number) > 30,
},
];
}
"
/>
{
table.scrollTo(15);
}
"
/>