WebDev - Revision history

Tpillone at 19:50, 28 July 2019

2019-07-28T19:50:41Z

Tpillone at 19:50, 28 July 2019

2019-07-28T19:50:05Z

Tpillone: Created page with "
== DataTable == === WordWrap specific column of the table === * first add a class to the target column $('#example').dataT..."

2019-02-28T18:54:05Z

Created page with " == DataTable == === WordWrap specific column of the table === * first add a class to the target column <syntaxhighlight lang="javascript+myghty"> $('#example').dataT..."

New page

== DataTable ==

=== WordWrap specific column of the table ===

* first add a class to the target column
<syntaxhighlight lang="javascript+myghty">
$('#example').dataTable( {
"columnDefs": [
{ className: "wrapcol", "targets": [ 1 ] }
]
} );
</syntaxhighlight>

* Then add css to customize column
<syntaxhighlight lang="css">
table td.wrapcol {
word-break: break-all;
word-wrap: break-word;
width: auto;
}

</syntaxhighlight>

== Divers ==

=== Dessin download ===
<syntaxhighlight lang="html">

</syntaxhighlight>

== CSS ==

=== Hide elements ===
<syntaxhighlight lang="css">
#ref{
display: none;
}
</syntaxhighlight>

== Javascript ==
 

=== Link directly to specific boostrap tab ===
 <syntaxhighlight lang="javascript">
// 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;
})
</syntaxhighlight>

@@ Line 1: / Line 1: @@
 <br />
-== DataTable ==
+==DataTable==
-=== WordWrap specific column of the table ===
+===WordWrap specific column of the table===
-* first add a class to the target column
+*first add a class to the target column
 <syntaxhighlight lang="javascript+myghty">
 $('#example').dataTable( {
@@ Line 14: / Line 14: @@
 </syntaxhighlight>
-* Then add css to customize column
+*Then add css to customize column
 <syntaxhighlight lang="css">
 table td.wrapcol {
@@ Line 25: / Line 25: @@
-=== render very large tables ===
+===render very large tables===
-- https://www.reddit.com/r/django/comments/3hlhgq/best_way_to_render_large_data_tables_in_django/
+* 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
+* https://www.datatables.net/examples/server_side/simple.html
-== Divers ==
+==Divers==
-=== Dessin download ===
+===Dessin download===
 <syntaxhighlight lang="html">
 <i class="fa fa-download">
 </syntaxhighlight>
-== CSS ==
+==CSS==
-=== Hide elements ===
+===Hide elements===
 <syntaxhighlight lang="css">
 #ref{
@@ Line 47: / Line 47: @@
 </syntaxhighlight>
-== Javascript ==
+==Javascript==
 <br />
-=== Link directly to specific boostrap tab ===
+===Link directly to specific boostrap tab===
 <br /><syntaxhighlight lang="javascript">
 // Javascript to enable link to tab

← Older revision		Revision as of 19:50, 28 July 2019
Line 23:		Line 23:

	</syntaxhighlight>		</syntaxhighlight>
		+
		+
		+	=== 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 ==		== Divers ==

WebDev - Revision history

Tpillone at 19:50, 28 July 2019

Tpillone at 19:50, 28 July 2019

Tpillone: Created page with " == DataTable == === WordWrap specific column of the table === * first add a class to the target column $('#example').dataT..."

Tpillone: Created page with "
== DataTable == === WordWrap specific column of the table === * first add a class to the target column $('#example').dataT..."