Fixed Column and Row Display Plugin (Based on jQuery)

Add-ons

2026-07-26 04:05 3 次浏览 • 0 次下载 14.1KB

Fixed Column and Row Display Plugin (Based on jQuery)

Plugin Description: Keeps several columns fixed and allows switching columns or rows by clicking buttons.

fixTable

A jQuery utility library for fixing table rows or columns

This was a requirement I encountered in a previous project. Since I couldn't find an existing plugin online, I wrote one myself. Everyone is welcome to discuss and share ideas.

Option Property Description

var options2 = {
           showFunc:function(ele){// Element display function, which can be overridden by the following settings
               ele.fadeIn();
           },
           hideFunc:function(ele){// Element hide function, which can be overridden by the following settings
               ele.fadeOut();
           },
           column: {// Column properties
               leftFix: 2,// Number of fixed columns on the left
               showNum: 3,// Number of columns to display
               rightFix: 2,// Number of fixed columns on the right
               showFunc: function (ele) {
                   ele.fadeIn();
               },
               hideFunc: function (ele) {
                   ele.fadeOut();
               }
           },
           line: {// Row properties
               topFix: 1,// Fixed rows at the top
               showNum: 5,// Number of rows to display
               bottomFix: 0,// Fixed rows at the bottom
               showFunc: function (ele) {
                   ele.fadeIn();
               },
               hideFunc: function (ele) {
                   ele.fadeOut();
               }
           }
       }
$('#example').tableFix(options2);