jQuery datatable column width on edit mode -


i using jquery datatable inline editing functionalities. able define custom widths table, however, enter edit mode, column width expands , table keeps jumping , forth. seems view 'swidth' works fine, , desired column width, user presses double click enter edit mode, column size expands , squeezes other columns. lingering issue within actual js code or doing wrong?

here script:

$(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 makeeditable set here make sure data 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                                                                                ]                                 });                             }                    });         });

i using jeditable version 1.7.1, datatables version 1.9.4 , jquery.datatables.editable.js version 1.1.5

i believe problem may solved setting width attribute 100% when jeditable function datatable initialized. see here: datatable column resizes on edit

that link refers editable demo, , when view code on page, can see how width attribute used.


Comments

Post a Comment

Popular posts from this blog

Why does Ruby on Rails generate add a blank line to the end of a file? -

running rails generate controller foo home results in: class foocontroller < application controller def home end end (there's nothing on line in actual file, blank line) is there purpose blank line? it's common use newline indicate end of line, last line. many editors (like vi, use) add in newline silently. consensus text files (especially in unix world) should end in newline, , there have been problems historically if wasn't present. why should text files end newline? the tool used count lines in file "wc" counts newlines in file, without trailing newline show 3 instead of 4. it improves readability of templates used in generator. consider: https://github.com/rails/rails/blob/master/railties/lib/rails/generators/rails/controller/templates/controller.rb to remove trailing newline, template have last line of: end<% end -%> instead of: end <% end -%> that seems less readable me. the discussion below refers ...
Read more

keyboard - Smiles and long press feature in Android -

i've created android keyboard. how add features inserting smilies, , using long keypresses display symbols? to create long-press behavior allows select several options pop-up menu, follow guide (specifically pop-up menu section): http://developer.android.com/guide/topics/ui/menus.html smileys (also known emoticons) combination of keys, understood programs , parsed same way. have do, when clicks smiley face on keyboard, simulate pressing of key combination matching emoticon. example, when clicks smiley, should simulate key presses ':' , ')' :). here's list of emoticons: http://en.wikipedia.org/wiki/list_of_emoticons
Read more

node.js - Bad Request - node js ajax post -

i'm using express 3.0 , node v0.11.0. have button submits form , i'm using ajax post data json object node server. client code is: $('#contact').submit(function(e) { console.log('submit called'); var formdata = json.stringify($('form').serializeobject()); console.log(formdata); $.ajax({ url: "http://localhost:3000/savedata/", type: "post", datatype: 'json', data: {objectdata: formdata}, contenttype: "application/json", complete: function() { console.log('process complete'); }, success: function(data) { console.log('process sucess'); }, error: function() { console.log('process error'); }, }); return false; }); then on server: var express = require('express'); var app = express(); app.set('views', __dirname + '/views'); app.set('view engine', 'jade'); app.use(express.bodyparser());...
Read more