How to configure responsive.details to ignore the first column and display details for other columns
How to configure responsive.details to ignore the first column and display details for other columns
![tifauveBackup](https://secure.gravatar.com/avatar/c013433b47bf6e4937d69d83aa3e1beb/?default=https%3A%2F%2Fvanillicon.com%2Fc013433b47bf6e4937d69d83aa3e1beb_200.png&rating=g&size=120)
I tried different configuration but no luck, i want to ignore the first column and display details when the rest of columns are clicked .
responsive: {
details: {
type: 'column',
target: 1
}
},
columnDefs: [
{
className: 'dtr-control',
orderable: false,
targets: [1, 2, 3, 4]
}
],
This question has an accepted answers - jump to answer
Answers
See if this example helps. Click the HTML tab to see the classes assigned for the example. Looks like you will want the
all
class assign to the column you always want displayed.Kevin
@kthorngren thank you but that's not what i wanted, when on smartphone i want to ignore the first column when clicked(doesn't show details) but when i click on other columns , i want to see the details
Maybe use a ternary condition with the
responsive.details.target
to set it to"tr"
if on smartphone otherwise set it to1
. See this example for whole row child control. For example:Kevin
@kthorngren i already tried that, i don't want it to be the whole row on Smartphone, i want to configure it so details can only show when you click on certain columns, in my case i want to ignore the first column of the row, but the rest when clicked can show the details on smartphone, can you post the code please because it's been 3 days trying to solve this.
Take a look at the
responsive.details.target
docs. You can use a jQuery selector. Instead oftr
maybe something liketd:not(:first-child)
will work.Kevin
@kthorngren that's exactly what i was looking for, thank you.