beparnas

Forum Replies Created

Viewing 2 replies - 1 through 2 (of 2 total)
  • Forum: Plugins
    In reply to: [Inline Google Spreadsheet Viewer] Trying to adjust number of spreadsheet columns that appear in table
    Thread Starter beparnas

    (@beparnas)

    9 years, 4 months ago

    Ok, so I spent some more time reading through the reference on dataTables, and this example is the closest I can find to what I intend to do, basically apply the none names for the last two columns in my data. I assume this should be done in the JSON initialization object, something like:

    {
    "responsive": true,
    "columns": [
            { "data": "Category",className: "min-phone-l" },
            { "data": "Item",className: "All" },
            { "data": "Preview",className: "All" },
            { "data": "In Stock? ",className: "desktop" },
            { "data": "Price per item/unit",className: "min-phone-l" },
            { "data": "Description", className: "none" },
            { "data": "Quantity In stock",className: "none" }
        ]
}

    However the data object here is just from the example, I would need to use whatever is containing the data from the spreadsheet, correct? When I try to apply this to the plugin, it resets to the defaults. But does this look right otherwise?

    for reference, this is the data source.

    • This reply was modified 9 years, 4 months ago by beparnas.
    • This reply was modified 9 years, 4 months ago by beparnas.
    • This reply was modified 9 years, 4 months ago by beparnas.
    Forum: Plugins
    In reply to: [Inline Google Spreadsheet Viewer] Trying to adjust number of spreadsheet columns that appear in table
    Thread Starter beparnas

    (@beparnas)

    9 years, 4 months ago

    Ok, yeah that seems like it would work. I would think that I could put in a width for “Desktop” that is less than infinity, say a value that forces the other columns to appear in the next rows, yeah? something like this: 

    $.fn.dataTable.Responsive.breakpoints = [
    { name: 'desktop',  width: <some#> },
    { name: 'tablet-l', width: 1024 },
    { name: 'tablet-p', width: 768 },
    { name: 'mobile-l', width: 480 },
    { name: 'mobile-p', width: 320 }
]
$('#???IDK what goes here').DataTable( {
    responsive: true
} );

    I’m not sure how to add this to the plugin however, the default settings show this: 

    {
    "dom": "B<'clear'>lfrtip",
    "buttons": [

    ]
}

    would I just add it below the buttons tag? I’m not familiar with any of the syntax here :/ .

Viewing 2 replies - 1 through 2 (of 2 total)