twlikol / Gridviewscroll
Licence: mit
Freeze column and fixed header in Table or GridView
Stars: ✭ 99
Programming Languages
javascript
184084 projects - #8 most used programming language
typescript
32286 projects
Projects that are alternatives of or similar to Gridviewscroll
android-tableview-kotlin
Android's missing TableView component.
Stars: ✭ 40 (-59.6%)
Mutual labels: table, gridview
Floatthead
Fixed <thead>. Doesn't need any custom css/html. Does what position:sticky can't
Stars: ✭ 1,193 (+1105.05%)
Mutual labels: table
React Grid Table
A modular table, based on a CSS grid layout, optimized for customization.
Stars: ✭ 57 (-42.42%)
Mutual labels: table
Tailwindcss Tables
Bootstrap styled tables for Tailwind CSS
Stars: ✭ 84 (-15.15%)
Mutual labels: table
Vanillaqr.js
The galaxy's most resilient javascript QR code generator
Stars: ✭ 53 (-46.46%)
Mutual labels: table
V2 Table
A simple table component based Vue 2.x: https://dwqs.github.io/v2-table/
Stars: ✭ 96 (-3.03%)
Mutual labels: table
Angular Responsive Tables
Make your HTML tables look great on every device
Stars: ✭ 69 (-30.3%)
Mutual labels: table
Bootstraptable Treeview
bootstrapTable extension of treeView
Stars: ✭ 57 (-42.42%)
Mutual labels: table
Texreg
Conversion of R Regression Output to LaTeX or HTML Tables
Stars: ✭ 85 (-14.14%)
Mutual labels: table
React Bootstrap Table2
Next Generation of react-bootstrap-table
Stars: ✭ 1,090 (+1001.01%)
Mutual labels: table
Basictable
Basic Table jQuery or Vanilla JS plugin for simple responsive tables.
Stars: ✭ 94 (-5.05%)
Mutual labels: table
React Ant Pro
(基于pro 1.0)基于Ant Design Pro 后台项目修改的多标签页tabs(多标签tabs、拖拽、富文本、多功能table、多选Select、React Hooks)
Stars: ✭ 64 (-35.35%)
Mutual labels: table
Texttable
Swift package for easily rendering text tables. Inspired by the Python tabulate library.
Stars: ✭ 82 (-17.17%)
Mutual labels: table
Vim Table Mode
VIM Table Mode for instant table creation.
Stars: ✭ 1,341 (+1254.55%)
Mutual labels: table
GridViewScroll - NEW
Freeze column and fixed header in Table or GridView
Features
- Default scrollbar of browser
- Freeze Header, Column, Footer (only last row)
Getting Started
- Download the latest release from GitHub
- Include the
gridviewscroll.js
in web page
<script type="text/javascript" src="js/gridviewscroll.js"></script>
- Initialize table with options, then call
enhance
<script type="text/javascript">
window.onload = function () {
var gridViewScroll = new GridViewScroll({
elementID : "gvMain" // Target element id
});
gridViewScroll.enhance();
}
</script>
Options
<script type="text/javascript">
var gridViewScroll = new GridViewScroll({
elementID : "", // String
width : 700, // Integer or String(Percentage)
height : 350, // Integer or String(Percentage)
freezeColumn : false, // Boolean
freezeFooter : false, // Boolean
freezeColumnCssClass : "", // String
freezeFooterCssClass : "", // String
freezeHeaderRowCount : 1, // Integer
freezeColumnCount : 1, // Integer
onscroll: function (scrollTop, scrollLeft) // onscroll event callback
});
</script>
Properties
<script type="text/javascript">
var gridViewScroll = new GridViewScroll({
elementID : "gvMain"
});
gridViewScroll.enhance();
var scrollPosition = gridViewScroll.scrollPosition // get scroll position
var scrollTop = scrollPosition.scrollTop;
var scrollLeft = scrollPosition.scrollLeft;
var scrollPosition = { scrollTop: 50, scrollLeft: 50};
gridViewScroll.scrollPosition = scrollPosition; // set scroll position
</script>
Methods
<script type="text/javascript">
var gridViewScroll = new GridViewScroll({
elementID : "gvMain"
});
gridViewScroll.enhance(); // Apply the gridviewscroll features
gridViewScroll.undo(); // Undo the DOM changes, And remove gridviewscroll features
</script>
Events
<script type="text/javascript">
var gridViewScroll = new GridViewScroll({
elementID : "gvMain",
onscroll: function (scrollTop, scrollLeft) {
console.log("scrollTop: " + scrollTop + ", scrollLeft: " + scrollLeft);
}
});
gridViewScroll.enhance();
</script>
Supported Browsers
- Internet Explorer 9+
- Google Chrome (61.0.3163.100)
- Mozilla FireFox (56.0.2)
Technical Support
If you have any question with gridviewscroll welcome to filing an issue on GitHub, I will try my best to help.
Or you can send email to [email protected].
Copyright and License
Copyright © Likol Lee. Licensed under the MIT license.
GridViewScroll with jQuery (v0.9.6.8)
This version is no longer supported, you can find in link: https://github.com/twlikol/GridViewScroll/tree/v0.9.6.8
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].