pagedtablejs

<!DOCTYPE html> <html> <head> <script type="text/javascript" src="../js/pagedtable.js"></script> </head> <body> <div data-pagedtable style="width: 60%; margin: 100px auto auto auto;"> <script data-pagedtable-source type="application/json"> { "columns": [ { "label": "", "name": "_rn_", "type": "", "align": "left" }, { "label": "mpg", "name": 1, "type": "dbl", "align": "right" }, { "label": "cyl", "name": 2, "type": "dbl", "align": "right" }, { "label": "disp", "name": 3, "type": "dbl", "align": "right" }, { "label": "hp", "name": 4, "type": "dbl", "align": "right" }, { "label": "drat", "name": 5, "type": "dbl", "align": "right" }, { "label": "wt", "name": 6, "type": "dbl", "align": "right" }, { "label": "qsec", "name": 7, "type": "dbl", "align": "right" }, { "label": "vs", "name": 8, "type": "dbl", "align": "right" }, { "label": "am", "name": 9, "type": "dbl", "align": "right" }, { "label": "gear", "name": 10, "type": "dbl", "align": "right" }, { "label": "carb", "name": 11, "type": "dbl", "align": "right" } ], "data": [ { "1": "21.0", "2": "6", "3": "160.0", "4": "110", "5": "3.90", "6": "2.620", "7": "16.46", "8": "0", "9": "1", "10": "4", "11": "4", "_rn_": "Mazda RX4" }, { "1": "21.0", "2": "6", "3": "160.0", "4": "110", "5": "3.90", "6": "2.875", "7": "17.02", "8": "0", "9": "1", "10": "4", "11": "4", "_rn_": "Mazda RX4 Wag" }, { "1": "22.8", "2": "4", "3": "108.0", "4": "93", "5": "3.85", "6": "2.320", "7": "18.61", "8": "1", "9": "1", "10": "4", "11": "1", "_rn_": "Datsun 710" }, { "1": "21.4", "2": "6", "3": "258.0", "4": "110", "5": "3.08", "6": "3.215", "7": "19.44", "8": "1", "9": "0", "10": "3", "11": "1", "_rn_": "Hornet 4 Drive" }, { "1": "18.7", "2": "8", "3": "360.0", "4": "175", "5": "3.15", "6": "3.440", "7": "17.02", "8": "0", "9": "0", "10": "3", "11": "2", "_rn_": "Hornet Sportabout" }, { "1": "18.1", "2": "6", "3": "225.0", "4": "105", "5": "2.76", "6": "3.460", "7": "20.22", "8": "1", "9": "0", "10": "3", "11": "1", "_rn_": "Valiant" }, { "1": "14.3", "2": "8", "3": "360.0", "4": "245", "5": "3.21", "6": "3.570", "7": "15.84", "8": "0", "9": "0", "10": "3", "11": "4", "_rn_": "Duster 360" }, { "1": "24.4", "2": "4", "3": "146.7", "4": "62", "5": "3.69", "6": "3.190", "7": "20.00", "8": "1", "9": "0", "10": "4", "11": "2", "_rn_": "Merc 240D" }, { "1": "22.8", "2": "4", "3": "140.8", "4": "95", "5": "3.92", "6": "3.150", "7": "22.90", "8": "1", "9": "0", "10": "4", "11": "2", "_rn_": "Merc 230" }, { "1": "19.2", "2": "6", "3": "167.6", "4": "123", "5": "3.92", "6": "3.440", "7": "18.30", "8": "1", "9": "0", "10": "4", "11": "4", "_rn_": "Merc 280" }, { "1": "17.8", "2": "6", "3": "167.6", "4": "123", "5": "3.92", "6": "3.440", "7": "18.90", "8": "1", "9": "0", "10": "4", "11": "4", "_rn_": "Merc 280C" }, { "1": "16.4", "2": "8", "3": "275.8", "4": "180", "5": "3.07", "6": "4.070", "7": "17.40", "8": "0", "9": "0", "10": "3", "11": "3", "_rn_": "Merc 450SE" }, { "1": "17.3", "2": "8", "3": "275.8", "4": "180", "5": "3.07", "6": "3.730", "7": "17.60", "8": "0", "9": "0", "10": "3", "11": "3", "_rn_": "Merc 450SL" }, { "1": "15.2", "2": "8", "3": "275.8", "4": "180", "5": "3.07", "6": "3.780", "7": "18.00", "8": "0", "9": "0", "10": "3", "11": "3", "_rn_": "Merc 450SLC" }, { "1": "10.4", "2": "8", "3": "472.0", "4": "205", "5": "2.93", "6": "5.250", "7": "17.98", "8": "0", "9": "0", "10": "3", "11": "4", "_rn_": "Cadillac Fleetwood" }, { "1": "10.4", "2": "8", "3": "460.0", "4": "215", "5": "3.00", "6": "5.424", "7": "17.82", "8": "0", "9": "0", "10": "3", "11": "4", "_rn_": "Lincoln Continental" }, { "1": "14.7", "2": "8", "3": "440.0", "4": "230", "5": "3.23", "6": "5.345", "7": "17.42", "8": "0", "9": "0", "10": "3", "11": "4", "_rn_": "Chrysler Imperial" }, { "1": "32.4", "2": "4", "3": "78.7", "4": "66", "5": "4.08", "6": "2.200", "7": "19.47", "8": "1", "9": "1", "10": "4", "11": "1", "_rn_": "Fiat 128" }, { "1": "30.4", "2": "4", "3": "75.7", "4": "52", "5": "4.93", "6": "1.615", "7": "18.52", "8": "1", "9": "1", "10": "4", "11": "2", "_rn_": "Honda Civic" }, { "1": "33.9", "2": "4", "3": "71.1", "4": "65", "5": "4.22", "6": "1.835", "7": "19.90", "8": "1", "9": "1", "10": "4", "11": "1", "_rn_": "Toyota Corolla" }, { "1": "21.5", "2": "4", "3": "120.1", "4": "97", "5": "3.70", "6": "2.465", "7": "20.01", "8": "1", "9": "0", "10": "3", "11": "1", "_rn_": "Toyota Corona" }, { "1": "15.5", "2": "8", "3": "318.0", "4": "150", "5": "2.76", "6": "3.520", "7": "16.87", "8": "0", "9": "0", "10": "3", "11": "2", "_rn_": "Dodge Challenger" }, { "1": "15.2", "2": "8", "3": "304.0", "4": "150", "5": "3.15", "6": "3.435", "7": "17.30", "8": "0", "9": "0", "10": "3", "11": "2", "_rn_": "AMC Javelin" }, { "1": "13.3", "2": "8", "3": "350.0", "4": "245", "5": "3.73", "6": "3.840", "7": "15.41", "8": "0", "9": "0", "10": "3", "11": "4", "_rn_": "Camaro Z28" }, { "1": "19.2", "2": "8", "3": "400.0", "4": "175", "5": "3.08", "6": "3.845", "7": "17.05", "8": "0", "9": "0", "10": "3", "11": "2", "_rn_": "Pontiac Firebird" }, { "1": "27.3", "2": "4", "3": "79.0", "4": "66", "5": "4.08", "6": "1.935", "7": "18.90", "8": "1", "9": "1", "10": "4", "11": "1", "_rn_": "Fiat X1-9" }, { "1": "26.0", "2": "4", "3": "120.3", "4": "91", "5": "4.43", "6": "2.140", "7": "16.70", "8": "0", "9": "1", "10": "5", "11": "2", "_rn_": "Porsche 914-2" }, { "1": "30.4", "2": "4", "3": "95.1", "4": "113", "5": "3.77", "6": "1.513", "7": "16.90", "8": "1", "9": "1", "10": "5", "11": "2", "_rn_": "Lotus Europa" }, { "1": "15.8", "2": "8", "3": "351.0", "4": "264", "5": "4.22", "6": "3.170", "7": "14.50", "8": "0", "9": "1", "10": "5", "11": "4", "_rn_": "Ford Pantera L" }, { "1": "19.7", "2": "6", "3": "145.0", "4": "175", "5": "3.62", "6": "2.770", "7": "15.50", "8": "0", "9": "1", "10": "5", "11": "6", "_rn_": "Ferrari Dino" }, { "1": "15.0", "2": "8", "3": "301.0", "4": "335", "5": "3.54", "6": "3.570", "7": "14.60", "8": "0", "9": "1", "10": "5", "11": "8", "_rn_": "Maserati Bora" }, { "1": "21.4", "2": "4", "3": "121.0", "4": "109", "5": "4.11", "6": "2.780", "7": "18.60", "8": "1", "9": "1", "10": "4", "11": "2", "_rn_": "Volvo 142E" } ], "options": { "columns": { "min": 1, "max": 10 }, "rows": { "min": 10, "max": 10 } } } </script> </div> </body> </html>