Skip to main content

Component-table

Utilities to create table components.

Create your table component instantly using the v-component valclass.

Table list tables​

Class name
v-table-hovered
v-table-striped
v-table-head-dark

The table above presents several types of tables with different variants, tailored to various conditions and needs.

Interface table hovered​

'image-table'

index.html
<table class="v-table-hovered">

    <thead>
        <th>#</td>	
        <td>Name</td>							  				  
        <td>Last</td>							  				  
        <td>Handle</td>							  				  
    </thead>

    <tbody>				  
        ...
    </tbody>

</table>

Interface table striped​

&#39;image-table&#39;

index.html
<table class="v-table-striped">

    <thead>
        <th>#</td>	
        <td>Name</td>							  				  
        <td>Last</td>							  				  
        <td>Handle</td>							  				  
    </thead>

    <tbody>				  
		...
    </tbody>

</table>

Interface table dark head​

&#39;image-table&#39;

index.html
<table class="v-table-head-dark">

    <thead>
		<th>#</td>	
		<td>Name</td>							  				  
		<td>Last</td>							  				  
		<td>Handle</td>							  				  
    </thead>

    <tbody>				  
        ...
    </tbody>

</table>