Show/Hide columns

extjac1 · August 2022

for table page-length and page order, I use below code genally,

<table class="table  dt " data-page-length="25" data-order='[[ 5,"asc" ]]'>

is there anything like this for show/hide columns....like a data-visible="[0,2,3]"

<table class="table  dt " data-page-length="25" data-order='[[ 5,"asc" ]]' data-visible="[0,2,3]">

kthorngren · August 2022

There is columns.visible. You probably will use columnDefs. Haven't tried it but I think something like this will be close:

data-columnDefs='[{ targets: [0,2,3], visible: false }]'

Kevin

extjac1 · August 2022

Thanks Kevin...tried that but did not work.

kthorngren · August 2022

Sorry guess I should have looked at the HTML5 data attribute docs first You apply the columns options on the th tag, like this:
http://live.datatables.net/pivoziqe/1/edit

Kevin

extjac1 · August 2022

thank you! this is what i was looking for

Answers