Created
May 1, 2024 03:08
-
-
Save naosim/4abc8b3d79c216c3319b842f31e5a849 to your computer and use it in GitHub Desktop.
gridjsサンプル
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<link | |
href="https://unpkg.com/gridjs/dist/theme/mermaid.min.css" | |
rel="stylesheet" | |
/> | |
</head> | |
<body> | |
<div id="wrapper"></div> | |
<script src="https://unpkg.com/gridjs/dist/gridjs.umd.js"></script> | |
<script> | |
new gridjs.Grid({ | |
columns: ["Name", "Email", "Phone Number"], | |
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")); | |
</script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment