Problems with column fixed and higthlight
Problems with column fixed and higthlight
xGs_Manco
Posts: 9Questions: 2Answers: 0
Hello guys,
first i want to say thanks before you answer because i'm too happy using datatables. I'm just starting with it.
Now it is my html code
[code]
Este es el titulo
@import "demo_table_jui.css";
@import "smoothness/jquery-ui-1.8.4.custom.css";
EVENTOS (50 %)
FORMATIVO (20 %)
AUTOEVALUACION (10 %)
EVALUACION (20 %)
Nº
Nombre Completo
1
2
3
4
5
6
7
8
9
10
PC
(50%)
1
PC
(20%)
1
PC
(10%)
1
PC
(20%)
D
(100%)
Observaciones
INA
INA ACU
INDICADORES
1
ALVAREZ JARAMILLO LAURA ESTEFANIA
0
/***Los textbox solo numeros***/
/**Se debe utilizar el js jquery.numeric.js**/
$(document).ready( function() {
$('.numeric').numeric();
$("textarea").autoResize();
/*****************************/
/*****Asignación datatables */////////
var oTable = $('#tbl_estudiantes').dataTable( {
"bJQueryUI": true,
"sScrollY": "500px",
"sScrollX": "100%",
"sScrollXInner": "150%",
"bScrollCollapse": true,
"bPaginate": false
} );
new FixedColumns( oTable, {
"iLeftColumns": 2,
"iLeftWidth": 400
} );
/************************************/
});
$("#tbl_estudiantes tbody tr").each(function(){
$(this).mouseover(function(){
$(this).addClass("ui-state-hover");
}).mouseout(function(){
$(this).removeClass("ui-state-hover");
});
});
[/code]
The real problem is when i'm trying run it. It works not like i want but works just on IE9. But when i run it on Chrome, Firefox, Safari or Opera it doesnt work.
I see th error with crhome and is something like "jquery.dataTables.js:6495 Uncaught TypeError: Cannot set property '19' of undefined"
When i see it on IE9 it works but header what had colspan not look like it musts.
Other thing that i need is works with that inputs like Excel. and DataKey doesnt work for me or i dont know how to use it.
:( i need the table looks smaller but still readble. will some of you help me styling it? :(.
thanks
Yeison Manco
Medellin - Colombia
first i want to say thanks before you answer because i'm too happy using datatables. I'm just starting with it.
Now it is my html code
[code]
Este es el titulo
@import "demo_table_jui.css";
@import "smoothness/jquery-ui-1.8.4.custom.css";
EVENTOS (50 %)
FORMATIVO (20 %)
AUTOEVALUACION (10 %)
EVALUACION (20 %)
Nº
Nombre Completo
1
2
3
4
5
6
7
8
9
10
PC
(50%)
1
PC
(20%)
1
PC
(10%)
1
PC
(20%)
D
(100%)
Observaciones
INA
INA ACU
INDICADORES
1
ALVAREZ JARAMILLO LAURA ESTEFANIA
0
/***Los textbox solo numeros***/
/**Se debe utilizar el js jquery.numeric.js**/
$(document).ready( function() {
$('.numeric').numeric();
$("textarea").autoResize();
/*****************************/
/*****Asignación datatables */////////
var oTable = $('#tbl_estudiantes').dataTable( {
"bJQueryUI": true,
"sScrollY": "500px",
"sScrollX": "100%",
"sScrollXInner": "150%",
"bScrollCollapse": true,
"bPaginate": false
} );
new FixedColumns( oTable, {
"iLeftColumns": 2,
"iLeftWidth": 400
} );
/************************************/
});
$("#tbl_estudiantes tbody tr").each(function(){
$(this).mouseover(function(){
$(this).addClass("ui-state-hover");
}).mouseout(function(){
$(this).removeClass("ui-state-hover");
});
});
[/code]
The real problem is when i'm trying run it. It works not like i want but works just on IE9. But when i run it on Chrome, Firefox, Safari or Opera it doesnt work.
I see th error with crhome and is something like "jquery.dataTables.js:6495 Uncaught TypeError: Cannot set property '19' of undefined"
When i see it on IE9 it works but header what had colspan not look like it musts.
Other thing that i need is works with that inputs like Excel. and DataKey doesnt work for me or i dont know how to use it.
:( i need the table looks smaller but still readble. will some of you help me styling it? :(.
thanks
Yeison Manco
Medellin - Colombia
This discussion has been closed.