Responsive + Sign

cersos

Is there any way to limit the action of the little blue + sign to just itself instead of the entire first cell? If the contents of the first cell are already a link, the user experience isn't optimal.

I know I can probably do it with a jQuery hack, but just wondering if there is an option I'm missing somewhere.

Thanks,
Steve

colin

Hi @cersos ,

I don't think there is the option to do that, but one tidy workaround perhaps would be to have the expander '+' icon in its own column, like the example here.

Cheers,

Colin

allan

Just to confirm what Colin says. By default the Responsive icon is in a pseudo element (::before) which cannot be distinguished from the host element in Javascript.

As Colin says you would need to have it in its own column for this use case.

Allan

cersos

The responsive 'type' option Colin pointed me to is exactly what I was looking for. And I thought I scoured the docs.

Once again, thanks to both of you for providing a great product and superb support.

Steve

cersos

Just in case anyone stumbles upon this...

Building on the example found HERE, if you are exporting the data, it also helps to modify the button definition to exclude the control column.

  buttons: [{
   extend: 'excelHtml5',
   exportOptions: {
    columns: ':not(.control)'
   }
  }]

colin

That's a good tip, and thanks for the kind words