An open-source lightweight JavaScript grid framework that allows you to create fast and easy-to-use data grids in your web application. It supports virtual scrolling, custom column headers, and context menus.
// Grid Setup
const setup = {
columnHeaderNames: [
{ columnName: "name", columnNameDisplay: "Full Name" },
{ columnName: "phoneNumber" }
],
contextMenuTitle: "Context Title",
contextMenuOptions: [{
actionName: "Example",
actionFunctionName: "exampleRow",
className: "example-row"
}]
};
// Initialize Grid
fetch("https://lumabyte.com/api/generateMockRandomPeople?count=1000")
.then(response => response.json())
.then(data => new OpenGrid("grid", data, 350, setup));