インライン編集機能を備えた jQuery データテーブルを使用しています。テーブルのすべてのカスタム幅を正常に定義できましたが、編集モードに入るとすぐに列幅が拡大し、テーブルが前後にジャンプし続けます。ビュー「sWidth」が正常に機能しているようで、目的の列幅を取得しましたが、ユーザーがダブルクリックして編集モードに入るとすぐに、列のサイズが拡大し、他のすべての列が圧迫されます。これは実際のjsコード内で長引く問題ですか、それとも何か間違っていますか?
これが私のスクリプトです:
$(document).ready(function(){
oTable = $("#datatables").dataTable({
"aoColumns" : [
{
"sName" : "fullName",
"sWidth" : "15%"
},
{
"sName" : "location",
"sClass": "alignCenter"
},
{
"sName" : "lengthOfStay",
"sClass": "alignCenter"
},
{
"sName" : "codeStatus",
"sClass": "alignCenter"
},
{
"sName" : "dvt",
"sClass": "alignCenter"
},
{
"sName" : "catheter",
"sClass": "alignCenter"
},
{
"sName" : "lae",
"sClass": "alignCenter"
},
{
"sName" : "lace",
"sClass": "alignCenter"
},
{
"sName" : "comments",
"sWidth" : "25%"
},
{
"sName" : "discharge",
"sClass": "alignCenter"
}
],
"aaSorting":[[1, "desc"]],
"bPaginate": false,
"bLengthChange": false,
"bFilter": false,
"bSort": true,
"bInfo": false,
"bAutoWidth": false,
"sAjaxSource" : 'checklistdataallteam',
"sServerMethod": "GET",
"fnDrawCallback" : function(oSettings) {
//The call to makeEditable is set here to make sure all the data are loaded
this.makeEditable({
oEditableSettings: { event: 'dblclick' },
sUpdateURL : 'UpdateChecklistData',
aoColumns : [
null, //patient name; no editing
null, //location; no editing
null, //stay length; no editing
{ //code status; default edit
placeholder: '-'
},
{ //dvt; default edit
placeholder: '-',
},
{ //catheter, default edit
placeholder: '-',
},
null, //lae; no editing
null, //lace; no editing
{ //comment; default editing
placeholder: '-',
},
null //discharge; no editing
]
});
}
});
});
Jeditable バージョン 1.7.1、Datatables バージョン 1.9.4、および jquery.dataTables.editable.js バージョン 1.1.5 を使用しています。