Change QTable Column value in Quasar Framework

💻 Tech

In Quasar framework, you can change a QTable’s column value by using a slot. A slot is a way to customize the content of a component. We can do this by using the body-cell slot. In the example below, the value of the column column_name_here is changed to a link.

<q-table>
	<template v-slot:body-cell-column_name_here="props">
		<q-td :props="props">
			<a :href="some_path_to_a_page">{{ props.row.column_name_here }}</a>
		</q-td>
	</template>
</q-table>