Blue Border around Fixed Columns header when reordering

plc

When I use the Fixed Columns example here -

https://www.datatables.net/release-datatables/extensions/FixedColumns/examples/two_columns.html

In Chrome, when I click either of the first two columns, a blue box appears around the column header. This does not happen when clicking any of the other (non-fixed) columns.

This behaviour is not occurring in IE or Edge (though a small vertical line appears between the first two tabs in FireFox).

I don't suppose anybody has any ideas as to how the blue box can be removed in Chrome?

Thanks.

Ashbjorn

Hi plc,

You should be able to apply an outline override on the CSS selector of that th like so:

table.dataTable thead th {
    outline: none;
}

Hope this helps,

plc

@Ashbjorn, you sir are a true gent. Many Thanks, that's done the trick!