bugfix> javascript > 投稿

フォーカス/クリックでセルの内容を強調表示したいと思います。たとえば、私は次のようにします

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

私のDataTable上。どうやってやるの?

回答 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
    
    

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

    それが私の解決策であり、非常にうまく機能しています!

  • そのために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>
    
    

あなたの答え