This topic contains 3 replies, has 2 voices, and was last updated by Sean Sean 2 years, 7 months ago.

DataTables Plugin Doesn\'t Work


  • murat
    Participant

    Posts: 1
    Member Reply #1846

    Hello,

    This plugin doesn’t work with metronic data tables.

    http://jquery-datatables-row-reordering.googlecode.com/svn/trunk/index.html

    I need to ordering ability with data tables.

    Thanks

     

    Sean
    Sean
    Keymaster

    Posts: 4226
    Support Staff Reply #1848

    Hi :),

    Thanks for your feedback.

    Since this is a 3rd party extension for datatable plugin our support does not cover the integration issues. But we will try to point you out. Currently Metronic uses datatables v1.10.x version so please double check if this extension is compatible with datatables v1.10.x. Also please make sure you included jqueryui library for drag&drop support required by the extension.

    Thanks.


    murat
    Participant

    Posts: 1
    Member Reply #1859

    Hello,

     

    I tried it datatables v1.10.x.and its working. And i checked that jquery ui library is included.

    My problems main reason is, in plugins usage example
    <pre class=”brush: js; font-size: 75%”>$(document).ready(function(){
    $(‘#example’).dataTable()
    .rowReordering();
    });

    but in metronic we didnt use datatables directly like this.

    <span style=”color: #cc7832; font-weight: bold;”>var </span>grid = <span style=”color: #cc7832; font-weight: bold;”>new </span><span style=”color: #ffc66d;”>Datatable</span>()<span style=”color: #cc7832;”>;
    </span><span style=”color: #cc7832;”>
    </span> grid.<span style=”color: #ffc66d;”>init</span>({
    <span style=”color: #9876aa;”>src</span>: $(<span style=”color: #6a8759;”>”#datatable_products”</span>)<span style=”color: #cc7832;”>,
    </span> <span style=”color: #ffc66d;”>onSuccess</span>: <span style=”color: #cc7832; font-weight: bold;”>function </span>(grid) {
    …….
    .
    ……
    ..

    How can we use this plugin with metronics datatable?

    Thanks…

    Sean
    Sean
    Keymaster

    Posts: 4226
    Support Staff Reply #1862

    Hi,

    You can use the same with Metronic’s demos(e.g: table-managed.js):

    var table = $(‘#sample_1’);

    table.dataTable({
    // table settings & parameters
    }).rowReordering(); // call the extension.

    If you need any further assistance can you provide us a test link to your developing site(via private reply) ?

    Thanks.

Tagged: 

You must be logged in to reply to this topic.