WebDev

DataTable

WordWrap specific column of the table

• first add a class to the target column

$('#example').dataTable( {
  "columnDefs": [
    { className: "wrapcol", "targets": [ 1 ] }
  ]
} );

• Then add css to customize column

table td.wrapcol {
  word-break: break-all;
  word-wrap: break-word;
  width: auto;
}

render very large tables

• https://www.reddit.com/r/django/comments/3hlhgq/best_way_to_render_large_data_tables_in_django/
• https://www.datatables.net/examples/server_side/simple.html

Divers

Dessin download

<i class="fa fa-download">

CSS

Hide elements

#ref{
display: none;
}

Javascript

Link directly to specific boostrap tab

// Javascript to enable link to tab
var url = document.location.toString();
if (url.match('#')) {
    $('.nav-tabs a[href="#' + url.split('#')[1] + '"]').tab('show');
} 

// Change hash for page-reload
$('.nav-tabs a').on('shown.bs.tab', function (e) {
    window.location.hash = e.target.hash;
})