Выделите содержимое ячейки в DataTable

Question

Я бы хотел выделить содержимое ячейки в фокусе / щелкнуть по нему.Например, я хотел бы что-то вроде

<input onclick="this.select()"/> 

в моем DataTable.Как я могу это сделать?

Answer 1

$('#table tbody').on('click', 'td', function(){
    this.firstElementChild.select();
});

Это мое решение, и оно работает очень хорошо!

Answer 2

Используйте CSS для этого

Выбор пользователя

    td{
      user-select:all;
    }

    <table>
      <tr>
        <th>Firstname</th>
        <th>Lastname</th> 
        <th>Age</th>
      </tr>
      <tr>
        <td>Jill</td>
        <td>Smith</td> 
        <td>50</td>
      </tr>
      <tr>
        <td>Eve</td>
        <td>Jackson</td> 
        <td>94</td>
      </tr>
    </table>

Answer 3

Из документации ...

Код JS:

$(document).ready(function() {
    $('#example').DataTable( {
        select: {
            style: 'os',
            items: 'cell'
        }
    } );
} );

Загрузите следующие библиотеки JQ:

https://code.jquery.com/jquery-1.12.4.js
https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js
https://cdn.datatables.net/select/1.2.5/js/dataTables.select.min.js

Загрузите следующие библиотеки для CSS:

https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css
https://cdn.datatables.net/select/1.2.5/css/select.dataTables.min.css