data-class expand responsive

mikezero84

Good Day.

I'm a noob using datatables, i had this problem, when i resize the window browser to simulate a mobile resolution like 320px the class expand show the PLUS SYMBOL, but, only in the first 5 rows

what i doing wrong? or what else i need to configure?

this is the code HTML:

[code]




Año
Elección
Dif.
MA
ME
MI
MO
MU
PA
PE
PI.
PO
PU
MA.
ME
MI




2006
ASDF
10
140
130
30
NP
NP
NP
NP
2
1
303
397
700
57%


2006
ASDF
10
140
130
30
NP
NP
NP
NP
2
1
303
397
700
57%


2006
ASDF
10
140
130
30
NP
NP
NP
NP
2
1
303
397
700
57%


2006
ASDF
10
140
130
30
NP
NP
NP
NP
2
1
303
397
700
57%


2006
ASDF
10
140
130
30
NP
NP
NP
NP
2
1
303
397
700
57%


2006
ASDF
10
140
130
30
NP
NP
NP
NP
2
1
303
397
700
57%


2006
ASDF
10
140
130
30
NP
NP
NP
NP
2
1
303
397
700
57%




[/code]

this is the javascript:
[code]

$(document).ready(function(){
"use strict";

App.init(); // Init layout and core plugins
Plugins.init(); // Init all plugins
FormComponents.init(); // Init all form-specific plugins

$('#detalle').dataTable({
"bDestroy": true,
"bPaginate": false,
"bSort": false,
"bFilter":false,
"bInfo":false
});
});

[/code]



thx for your time and Regards

mikezero84

I found it in the plugins.js

[code]
var initDataTables = function() {
if ($.fn.dataTable) {
// Set default options
$.extend(true, $.fn.dataTable.defaults, {
"oLanguage": {
"sSearch": ""
},
"sDom": "<'row'<'dataTables_header clearfix'<'col-md-6'l><'col-md-6'f>r>>t<'row'<'dataTables_footer clearfix'<'col-md-6'i><'col-md-6'p>>>",
// set the initial value
"iDisplayLength": 100,
[/code]

i changed it to 100 the original value was 5