Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Custom cv-data-table header

See original GitHub issue

I want custom cv-data-table header , could you add slot for v-data-table header ?

Issue Analytics

State:
Created 4 years ago
Reactions:1
Comments:7 (5 by maintainers)

Top GitHub Comments

1reaction

lee-chasecommented, May 6, 2020

Been thinking about this with the submission of #890

It may be possible to do this by

Adding a slot to allow the user to define the headers
Promoting the header item to a full component (removing _ from name).
Adding slots to the header item to allow the user to put dynamic content into the label.
Having the header item register with the header to manage sorting where used.

Might even be nice if a tooltip could be provided without the need to add a full tooltip.

1reaction

peakrockcommented, Dec 18, 2019

Top Results From Across the Web

Complex headers (rowspan and colspan) - DataTables example

Name Position Salary Office Extn. E‑mail Airi Satou Accountant $162,700 Tokyo 5407 a.satou... Angelica Ramos Chief Executive Officer (CEO) $1,200,000 London 5797 a.ramos... Ashton Cox Junior...

How can you customize all elements in a table header?

The easiest thing would just be to use custom CSS on your component. ... <v-data-table :headers="headers" hide-default-header > <template ...

Headers and Footers of DataTable, Configuration Webix Docs

Custom Header and Footer Content. All content elements for the datatable header or footer are stored in a webix.ui.datafilter object. They all have...

v- data-table custom header slot - CodePen

<v-data-table hide-default-header :headers="headers" :items="stations">. 9. <template slot="header" :headers="headers">.

Hiding LWC datatable Header - Salesforce Stack Exchange

I have contained my Datatable in template. but still the column header are getting displayed! Any solutions? <template> <p id="custom" class=" ...