javascript - JQuery Change Property of Data Table -

-

hi there have data table created in jquery shown..

<html> <head> <link rel="stylesheet" href="ui/jquery-ui.min.css"> <script src="ui/external/jquery/jquery.js"></script> <script src="ui/jquery-ui.min.js"></script> <script src="datatables-1.10.7/media/js/jquery.js"></script> <script src="datatables-1.10.7/media/js/jquery.datatables.js"></script> </head> <body> <script> $(document).ready(function() {     var table = $('#example').datatable( {         scrolly: 300,         paging: false     });     var settings = table.fnsettings();     console.log(settings) }); </script> </body> </html>

i trying modify property scrolly have different value such 400. after initialisation. however, variable settings apparently null.

thanks in advance.

the reason being returned null value because jquery datatables can't find table.

you need define table html on page accordingly, above javascript, based on data display. needs follow following format (including <thead> , <tbody> tags.

<table id="example">  <thead>    <tr>      <th></th>    </tr>  </thead>  <tbody>    <tr>      <td></td>    </tr>  </tbody>  </table>

<script>  $(document).ready(function() {      var table = $('#example').datatable( {          scrolly: 300,          paging: false      });      var settings = table.fnsettings();      alert(settings)  });  </script>

demo: http://jsfiddle.net/wynrj8vh/

also, according documentation, need pass string value scrolly:

$('#example').datatable( {    "scrolly": "200px"  } );


Comments

Post a Comment

Popular posts from this blog

Android : Making Listview full screen -

-
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".mainactivity"> <edittext android:layout_margintop="5dp" android:layout_width="match_parent" android:layout_height="50dp" android:background="@drawable/location_edittext" android:id="@+id/locationeditext" android:textsize="15sp" android:textcolor="#999" android:paddingleft="15dp" /> <com.example.ravi_gupta.slider.viewpagercustomduration android:layout_width="wrap_content" android:layout_height="0dp" android:id="@+id/viewpager" android:scrollbarstyle="outsideoverlay" android:layout_weight="0.5...
Read more

javascript - Parse JSON from the body of the POST -

-
i'm using cameratag.com record video on website. service can send json response server can save data database. don't know how proceed here: the documentation states please note json repsonse passed in body of post , not form parameters. here example of how parse response in ruby: data = json.parse(request.raw_post) video_uuid = data["uuid"] but don't know how data on javascript. i'm not experienced in js please bare me :) post sample: { "uuid": "00012710-4b65-0131-ffe6-22000a499ea4", "camera_uuid": "98373a20-79ee-0130-3e42-1231390fcc11", "created_at": "2013-12-20t05:25:02.000z", "percent_complete": 100, "short_code": "kktb4q", "metadata": { }, "state": "published", "recorded_from": "http://singwho.com", "publish_type": null, "formats": [ { "name...
Read more

javascript - How to Hide Date Menu from Datepicker in yii2 -

-
basically in datetimepicker widget date choose first time, how can hide date option widget , filter according time. tried not working want hide remove button [ 'attribute'=>'time', 'label'=>'time', 'format'=>'raw', 'value'=>function($data){ return date('h:i:s',strtotime($data->time)); }, 'filter'=> datetimepicker::widget([ 'model' => $searchmodel, 'attribute' => 'time', 'clientoptions' => [ 'autoclose' => true, 'format' => 'hh:ii', 'showon' =...
Read more