Grid.js Modern Javascript Data Table Library For Rendering Data Tutorial for Beginners 2020

Grid.js Modern Javascript Data Table Library For Rendering Data Tutorial for Beginners 2020

 

 

 

 

 

Get Started

 

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Grid.fs Table Library</title>
    <link href="https://unpkg.com/gridjs/dist/theme/mermaid.min.css" rel="stylesheet" />
</head>
<body>
    <div id="wrapper"></div>

</body>
<script src="https://unpkg.com/gridjs/dist/gridjs.production.min.js"></script>
<script src="script.js"></script>
</html>

 

 

new gridjs.Grid({
    columns: ["Name", "Email", "Phone Number"],
    pagination:true,
    sort:true,
    data: [
      ["John", "john@example.com", "(353) 01 222 3333"],
      ["Mark", "mark@gmail.com", "(01) 22 888 4444"],
      ["Eoin", "eoin@gmail.com", "0097 22 654 00033"],
      ["Sarah", "sarahcdd@gmail.com", "+322 876 1233"],
      ["Afshin", "afshin@mail.com", "(353) 22 87 8356"]
    ]
}).render(document.getElementById("wrapper"));

 

READ  Build Flappy Bird Clone Game in 25 Lines of Javascript Code and Deploy it on Vercel Full Project For Beginners

 

Leave a Reply