Power Grid CSV Stack

You may also like…

PowerGrid CSV

Have you ever had a spreadsheet and just wanted to easily get that data onto your website? Well wait no longer! The Power Grid CSV stack will take your CSV file or Google Spreadsheet and turn it into a beautiful HTML table. The file can be loaded via Resources or from a url, maybe even from Dropbox! The table is Sortable, Searchable, Scrollable and can be styled 100 different ways! It even supports Markdown for even richer table data!


image thumbnail
image thumbnail

Searchable Table with Search

IDImageTitleDescription
1€Phasellus erat nisl, aliquam in.Nullam dui. Donec elementum varius ligula. Fusce ac mauris. Donec ultrices mi ac neque.
2£Mauris id lorem. Morbi magna.Ut nunc purus, iaculis sit amet, laoreet vel, sodales vestibulum, diam. Etiam luctus nibh mollis neque tincidunt dapibus.
3Class aptent taciti sociosqu ad.Sed mauris lacus, rhoncus non, pellentesque mollis, gravida a, augue. Aliquam tempus commodo justo.
4©Nullam non metus. Proin a.In hac habitasse platea dictumst. Etiam scelerisque bibendum arcu.
5Fusce semper. Nulla cursus vulputate.Morbi ornare mauris ut purus. Morbi ornare accumsan purus. Maecenas vulputate tincidunt libero.
6Morbi sit amet eros. In.Aenean ipsum. Maecenas tristique eros vel lacus. Vestibulum ante ipsum primis in faucibus orci.
7Nullam faucibus varius risus. Praesent.Nam dapibus lectus nec justo adipiscing pulvinar. Pellentesque eleifend.
8Class aptent taciti sociosqu ad.Nullam eget felis quis libero ullamcorper ullamcorper. Aliquam scelerisque orci ac massa.
9Suspendisse dolor nunc, hendrerit quis.Quisque nisl massa, convallis nec, imperdiet ac, ultricies tempus, nunc.
10Phasellus erat nisl, aliquam in.Nullam dui. Donec elementum varius ligula. Fusce ac mauris. Donec ultrices mi ac neque.
11Mauris id lorem. Morbi magna.Ut nunc purus, iaculis sit amet, laoreet vel, sodales vestibulum, diam. Etiam luctus nibh mollis neque tincidunt dapibus.
12Class aptent taciti sociosqu ad.Sed mauris lacus, rhoncus non, pellentesque mollis, gravida a, augue. Aliquam tempus commodo justo.
13Nullam non metus. Proin a.In hac habitasse platea dictumst. Etiam scelerisque bibendum arcu.
14Vivamus accumsan. Praesent pede ante.Aliquam porttitor nulla at felis. Vestibulum nunc. Donec convallis risus ut libero.
15Fusce semper. Nulla cursus vulputate.Morbi ornare mauris ut purus. Morbi ornare accumsan purus. Maecenas vulputate tincidunt libero.
16Morbi sit amet eros. In.Aenean ipsum. Maecenas tristique eros vel lacus. Vestibulum ante ipsum primis in faucibus orci.
17Nullam faucibus varius risus. Praesent.Nam dapibus lectus nec justo adipiscing pulvinar. Pellentesque eleifend.
18Class aptent taciti sociosqu ad.Nullam eget felis quis libero ullamcorper ullamcorper. Aliquam scelerisque orci ac massa.
19Suspendisse dolor nunc, hendrerit quis.Quisque nisl massa, convallis nec, imperdiet ac, ultricies tempus, nunc.
20Phasellus erat nisl, aliquam in.Nullam dui. Donec elementum varius ligula. Fusce ac mauris. Donec ultrices mi ac neque.
21Mauris id lorem. Morbi magna.Ut nunc purus, iaculis sit amet, laoreet vel, sodales vestibulum, diam. Etiam luctus nibh mollis neque tincidunt dapibus.
22Class aptent taciti sociosqu ad.Sed mauris lacus, rhoncus non, pellentesque mollis, gravida a, augue. Aliquam tempus commodo justo.
23Nullam non metus. Proin a.In hac habitasse platea dictumst. Etiam scelerisque bibendum arcu.
24Vivamus accumsan. Praesent pede ante.Aliquam porttitor nulla at felis. Vestibulum nunc. Donec convallis risus ut libero.
25Fusce semper. Nulla cursus vulputate.Morbi ornare mauris ut purus. Morbi ornare accumsan purus. Maecenas vulputate tincidunt libero.
26Morbi sit amet eros. In.Aenean ipsum. Maecenas tristique eros vel lacus. Vestibulum ante ipsum primis in faucibus orci.
27Nullam faucibus varius risus. Praesent.Nam dapibus lectus nec justo adipiscing pulvinar. Pellentesque eleifend.
28Class aptent taciti sociosqu ad.Nullam eget felis quis libero ullamcorper ullamcorper. Aliquam scelerisque orci ac massa.
29Suspendisse dolor nunc, hendrerit quis.Quisque nisl massa, convallis nec, imperdiet ac, ultricies tempus, nunc.
30Vivamus accumsan. Praesent pede ante.Aliquam porttitor nulla at felis. Vestibulum nunc. Donec convallis risus ut libero.

Pageable Table

IDImageTitleDescription
1€Phasellus erat nisl, aliquam in.Nullam dui. Donec elementum varius ligula. Fusce ac mauris. Donec ultrices mi ac neque.
2£Mauris id lorem. Morbi magna.Ut nunc purus, iaculis sit amet, laoreet vel, sodales vestibulum, diam. Etiam luctus nibh mollis neque tincidunt dapibus.
3Class aptent taciti sociosqu ad.Sed mauris lacus, rhoncus non, pellentesque mollis, gravida a, augue. Aliquam tempus commodo justo.
4©Nullam non metus. Proin a.In hac habitasse platea dictumst. Etiam scelerisque bibendum arcu.
5Fusce semper. Nulla cursus vulputate.Morbi ornare mauris ut purus. Morbi ornare accumsan purus. Maecenas vulputate tincidunt libero.
6Morbi sit amet eros. In.Aenean ipsum. Maecenas tristique eros vel lacus. Vestibulum ante ipsum primis in faucibus orci.
7Nullam faucibus varius risus. Praesent.Nam dapibus lectus nec justo adipiscing pulvinar. Pellentesque eleifend.
8Class aptent taciti sociosqu ad.Nullam eget felis quis libero ullamcorper ullamcorper. Aliquam scelerisque orci ac massa.
9Suspendisse dolor nunc, hendrerit quis.Quisque nisl massa, convallis nec, imperdiet ac, ultricies tempus, nunc.
10Phasellus erat nisl, aliquam in.Nullam dui. Donec elementum varius ligula. Fusce ac mauris. Donec ultrices mi ac neque.
11Mauris id lorem. Morbi magna.Ut nunc purus, iaculis sit amet, laoreet vel, sodales vestibulum, diam. Etiam luctus nibh mollis neque tincidunt dapibus.
12Class aptent taciti sociosqu ad.Sed mauris lacus, rhoncus non, pellentesque mollis, gravida a, augue. Aliquam tempus commodo justo.
13Nullam non metus. Proin a.In hac habitasse platea dictumst. Etiam scelerisque bibendum arcu.
14Vivamus accumsan. Praesent pede ante.Aliquam porttitor nulla at felis. Vestibulum nunc. Donec convallis risus ut libero.
15Fusce semper. Nulla cursus vulputate.Morbi ornare mauris ut purus. Morbi ornare accumsan purus. Maecenas vulputate tincidunt libero.
16Morbi sit amet eros. In.Aenean ipsum. Maecenas tristique eros vel lacus. Vestibulum ante ipsum primis in faucibus orci.
17Nullam faucibus varius risus. Praesent.Nam dapibus lectus nec justo adipiscing pulvinar. Pellentesque eleifend.
18Class aptent taciti sociosqu ad.Nullam eget felis quis libero ullamcorper ullamcorper. Aliquam scelerisque orci ac massa.
19Suspendisse dolor nunc, hendrerit quis.Quisque nisl massa, convallis nec, imperdiet ac, ultricies tempus, nunc.
20Phasellus erat nisl, aliquam in.Nullam dui. Donec elementum varius ligula. Fusce ac mauris. Donec ultrices mi ac neque.
21Mauris id lorem. Morbi magna.Ut nunc purus, iaculis sit amet, laoreet vel, sodales vestibulum, diam. Etiam luctus nibh mollis neque tincidunt dapibus.
22Class aptent taciti sociosqu ad.Sed mauris lacus, rhoncus non, pellentesque mollis, gravida a, augue. Aliquam tempus commodo justo.
23Nullam non metus. Proin a.In hac habitasse platea dictumst. Etiam scelerisque bibendum arcu.
24Vivamus accumsan. Praesent pede ante.Aliquam porttitor nulla at felis. Vestibulum nunc. Donec convallis risus ut libero.
25Fusce semper. Nulla cursus vulputate.Morbi ornare mauris ut purus. Morbi ornare accumsan purus. Maecenas vulputate tincidunt libero.
26Morbi sit amet eros. In.Aenean ipsum. Maecenas tristique eros vel lacus. Vestibulum ante ipsum primis in faucibus orci.
27Nullam faucibus varius risus. Praesent.Nam dapibus lectus nec justo adipiscing pulvinar. Pellentesque eleifend.
28Class aptent taciti sociosqu ad.Nullam eget felis quis libero ullamcorper ullamcorper. Aliquam scelerisque orci ac massa.
29Suspendisse dolor nunc, hendrerit quis.Quisque nisl massa, convallis nec, imperdiet ac, ultricies tempus, nunc.
30Vivamus accumsan. Praesent pede ante.Aliquam porttitor nulla at felis. Vestibulum nunc. Donec convallis risus ut libero.

Keeping it Simple

IDImageTitleDescription
1€Phasellus erat nisl, aliquam in.Nullam dui. Donec elementum varius ligula. Fusce ac mauris. Donec ultrices mi ac neque.
2£Mauris id lorem. Morbi magna.Ut nunc purus, iaculis sit amet, laoreet vel, sodales vestibulum, diam. Etiam luctus nibh mollis neque tincidunt dapibus.
3Class aptent taciti sociosqu ad.Sed mauris lacus, rhoncus non, pellentesque mollis, gravida a, augue. Aliquam tempus commodo justo.
4©Nullam non metus. Proin a.In hac habitasse platea dictumst. Etiam scelerisque bibendum arcu.
5Fusce semper. Nulla cursus vulputate.Morbi ornare mauris ut purus. Morbi ornare accumsan purus. Maecenas vulputate tincidunt libero.
6Morbi sit amet eros. In.Aenean ipsum. Maecenas tristique eros vel lacus. Vestibulum ante ipsum primis in faucibus orci.
7Nullam faucibus varius risus. Praesent.Nam dapibus lectus nec justo adipiscing pulvinar. Pellentesque eleifend.
8Class aptent taciti sociosqu ad.Nullam eget felis quis libero ullamcorper ullamcorper. Aliquam scelerisque orci ac massa.
9Suspendisse dolor nunc, hendrerit quis.Quisque nisl massa, convallis nec, imperdiet ac, ultricies tempus, nunc.
10Phasellus erat nisl, aliquam in.Nullam dui. Donec elementum varius ligula. Fusce ac mauris. Donec ultrices mi ac neque.
11Mauris id lorem. Morbi magna.Ut nunc purus, iaculis sit amet, laoreet vel, sodales vestibulum, diam. Etiam luctus nibh mollis neque tincidunt dapibus.
12Class aptent taciti sociosqu ad.Sed mauris lacus, rhoncus non, pellentesque mollis, gravida a, augue. Aliquam tempus commodo justo.
13Nullam non metus. Proin a.In hac habitasse platea dictumst. Etiam scelerisque bibendum arcu.
14Vivamus accumsan. Praesent pede ante.Aliquam porttitor nulla at felis. Vestibulum nunc. Donec convallis risus ut libero.
15Fusce semper. Nulla cursus vulputate.Morbi ornare mauris ut purus. Morbi ornare accumsan purus. Maecenas vulputate tincidunt libero.
16Morbi sit amet eros. In.Aenean ipsum. Maecenas tristique eros vel lacus. Vestibulum ante ipsum primis in faucibus orci.
17Nullam faucibus varius risus. Praesent.Nam dapibus lectus nec justo adipiscing pulvinar. Pellentesque eleifend.
18Class aptent taciti sociosqu ad.Nullam eget felis quis libero ullamcorper ullamcorper. Aliquam scelerisque orci ac massa.
19Suspendisse dolor nunc, hendrerit quis.Quisque nisl massa, convallis nec, imperdiet ac, ultricies tempus, nunc.
20Phasellus erat nisl, aliquam in.Nullam dui. Donec elementum varius ligula. Fusce ac mauris. Donec ultrices mi ac neque.
21Mauris id lorem. Morbi magna.Ut nunc purus, iaculis sit amet, laoreet vel, sodales vestibulum, diam. Etiam luctus nibh mollis neque tincidunt dapibus.
22Class aptent taciti sociosqu ad.Sed mauris lacus, rhoncus non, pellentesque mollis, gravida a, augue. Aliquam tempus commodo justo.
23Nullam non metus. Proin a.In hac habitasse platea dictumst. Etiam scelerisque bibendum arcu.
24Vivamus accumsan. Praesent pede ante.Aliquam porttitor nulla at felis. Vestibulum nunc. Donec convallis risus ut libero.
25Fusce semper. Nulla cursus vulputate.Morbi ornare mauris ut purus. Morbi ornare accumsan purus. Maecenas vulputate tincidunt libero.
26Morbi sit amet eros. In.Aenean ipsum. Maecenas tristique eros vel lacus. Vestibulum ante ipsum primis in faucibus orci.
27Nullam faucibus varius risus. Praesent.Nam dapibus lectus nec justo adipiscing pulvinar. Pellentesque eleifend.
28Class aptent taciti sociosqu ad.Nullam eget felis quis libero ullamcorper ullamcorper. Aliquam scelerisque orci ac massa.
29Suspendisse dolor nunc, hendrerit quis.Quisque nisl massa, convallis nec, imperdiet ac, ultricies tempus, nunc.
30Vivamus accumsan. Praesent pede ante.Aliquam porttitor nulla at felis. Vestibulum nunc. Donec convallis risus ut libero.