YouTip

-- Learning is not just about technology, but also about dreams! Home HTML JAVASCRIPT CSS VUE REACT PYTHON3 JAVA C C++ C# AI GO SQL LINUX VS CODE BOOTSTRAP GIT Local Bookmarks jQuery EasyUI Tutorial jQuery EasyUI Tutorial jQuery EasyUI Introduction jEasyUI Applications jEasyUI Creating CRUD Applications jEasyUI Creating CRUD DataGrid jEasyUI Form CRUD Application jEasyUI Creating an RSS Reader jEasyUI Drag and Drop jEasyUI Basic Drag and Drop jEasyUI Creating a Drag-and-Drop Shopping Cart jEasyUI Creating a School Timetable jEasyUI Menu and Buttons jEasyUI Creating a Simple Menu jEasyUI Creating Link Buttons jEasyUI Creating Menu Buttons jEasyUI Creating Split Buttons jEasyUI Layout jEasyUI Creating Border Layout jEasyUI Creating Complex Layout jEasyUI Creating Accordion Panels jEasyUI Creating Tabs jEasyUI Dynamically Adding Tabs jEasyUI Adding Auto-Play Tabs jEasyUI Creating XP-Style Left Panel jEasyUI DataGrid jEasyUI Converting HTML Table to DataGrid jEasyUI Getting Selected Row Data jEasyUI Adding Search Functionality jEasyUI Adding Toolbar jEasyUI Creating Complex Toolbar jEasyUI Setting Frozen Columns jEasyUI Dynamically Changing Columns jEasyUI Formatting Columns jEasyUI Setting Sorting jEasyUI Custom Sorting jEasyUI Creating Column Groups jEasyUI Adding Checkboxes jEasyUI Custom Pagination jEasyUI Enabling Inline Editing jEasyUI Extending Editors jEasyUI Column Calculations jEasyUI Merging Cells jEasyUI Creating Custom Views jEasyUI Creating Footer Summary jEasyUI Setting Row Background Color Conditionally jEasyUI Creating Property Grid jEasyUI Extending Row Details jEasyUI Creating Sub-Grid jEasyUI Displaying Large Data Sets jEasyUI Adding Pagination Component jEasyUI Window jEasyUI Creating Simple Window jEasyUI Customizing Window Toolbar jEasyUI Window and Layout jEasyUI Creating Dialog jEasyUI Customizing Dialog jEasyUI Tree Menu jEasyUI Creating Tree Menu with Markup jEasyUI Creating Asynchronous Tree Menu jEasyUI Adding Nodes to Tree Menu jEasyUI Creating Tree Menu with Checkboxes jEasyUI Tree Menu Drag and Drop Control jEasyUI Loading Parent/Child Nodes in Tree Menu jEasyUI Creating Basic Tree Grid jEasyUI Creating Complex Tree Grid jEasyUI Dynamic Loading in Tree Grid jEasyUI Adding Pagination to Tree Grid jEasyUI Lazy Loading Nodes in Tree Grid jEasyUI Form jEasyUI Creating Asynchronous Submit Form jEasyUI Form Validation jEasyUI Creating Tree Drop-Down jEasyUI Formatting Drop-Down jEasyUI Filtering Drop-Down DataGrid jEasyUI Reference Manual jQuery EasyUI Plugins jQuery EasyUI Extensions jQuery EasyUI DataGrid – Creating Complex Toolbar jQuery EasyUI DataGrid – Dynamically Changing Columns Deep Dive Technical Reference Information Programming Software Utilities Computer Science Programming Languages Scripting Languages Development Tools Web Design and Development Web Service Web Services jQuery EasyUI DataGrid - Setting Frozen Columns This example demonstrates how to freeze some columns so that when the user moves the horizontal scrollbar on the grid, the frozen columns do not scroll out of view. To freeze columns, you need to define the `frozenColumns` property. The `frozenColumns` property is the same as the `columns` property. $('#tt').datagrid({ title:'Frozen Columns', iconCls:'icon-save', width:500, height:250, url:'data/datagrid_data.json', frozenColumns:[[ {field:'itemid',title:'Item ID',width:80}, {field:'productid',title:'Product ID',width:80}, ]], columns:[[ {field:'listprice',title:'List Price',width:80,align:'right'}, {field:'unitcost',title:'Unit Cost',width:80,align:'right'}, {field:'attr1',title:'Attribute',width:100}, {field:'status',title:'Status',width:60} ]] }); You don't need to write any JavaScript code to create a DataGrid component like this:

Item ID	Product ID
List Price	Unit Cost	Attribute	Stauts

Download jQuery EasyUI Example jeasyui-datagrid-datagrid5.zip jQuery EasyUI DataGrid – Creating Complex Toolbar jQuery EasyUI DataGrid – Dynamically Changing Columns ByteArk Coding Plan Supports mainstream large models like Doubao, GLM, DeepSeek, Kimi, MiniMax, officially supplied, stable and reliable. Configuration Guide ¥9.9 / Month Subscribe Now iFlytek Stardust Coding Plan Includes free model call quota, DeepSeek, GLM, Kimi, MiniMax, one-stop experience and deployment platform. Configuration Guide ¥3.9 / Month Subscribe Now Click here to share notes Category Navigation Python / Data Science AI / Intelligent Development Front-end Development Back-end Development Database Mobile Development DevOps / Engineering Programming Languages Computer Fundamentals XML / Web Service .NET Website Construction Advertisement jQuery EasyUI Tutorial jQuery EasyUI Tutorial jQuery EasyUI Introduction jEasyUI Applications jEasyUI Creating CRUD Applications jEasyUI Creating CRUD DataGrid jEasyUI Form CRUD Application jEasyUI Creating an RSS Reader jEasyUI Drag and Drop jEasyUI Basic Drag and Drop jEasyUI Creating a Drag-and-Drop Shopping Cart jEasyUI Creating a School Timetable jEasyUI Menu and Buttons jEasyUI Creating a Simple Menu jEasyUI Creating Link Buttons jEasyUI Creating Menu Buttons jEasyUI Creating Split Buttons jEasyUI Layout jEasyUI Creating Border Layout jEasyUI Creating Complex Layout jEasyUI Creating Accordion Panels jEasyUI Creating Tabs jEasyUI Dynamically Adding Tabs jEasyUI Adding Auto-Play Tabs jEasyUI Creating XP-Style Left Panel jEasyUI DataGrid jEasyUI Converting HTML Table to DataGrid jEasyUI Getting Selected Row Data jEasyUI Adding Search Functionality jEasyUI Adding Toolbar jEasyUI Creating Complex Toolbar jEasyUI Setting Frozen Columns jEasyUI Dynamically Changing Columns jEasyUI Formatting Columns jEasyUI Setting Sorting jEasyUI Custom Sorting jEasyUI Creating Column Groups jEasyUI Adding Checkboxes jEasyUI Custom Pagination jEasyUI Enabling Inline Editing jEasyUI Extending Editors jEasyUI Column Calculations jEasyUI Merging Cells jEasyUI Creating Custom Views jEasyUI Creating Footer Summary jEasyUI Setting Row Background Color Conditionally jEasyUI Creating Property Grid jEasyUI Extending Row Details jEasyUI Creating Sub-Grid jEasyUI Displaying Large Data Sets jEasyUI Adding Pagination Component jEasyUI Window jEasyUI Creating Simple Window jEasyUI Customizing Window Toolbar jEasyUI Window and Layout jEasyUI Creating Dialog jEasyUI Customizing Dialog jEasyUI Tree Menu jEasyUI Creating Tree Menu with Markup jEasyUI Creating Asynchronous Tree Menu jEasyUI Adding Nodes to Tree Menu jEasyUI Creating Tree Menu with Checkboxes jEasyUI Tree Menu Drag and Drop Control jEasyUI Loading Parent/Child Nodes in Tree Menu jEasyUI Creating Basic Tree Grid jEasyUI Creating Complex Tree Grid jEasyUI Dynamic Loading in Tree Grid jEasyUI Adding Pagination to Tree Grid jEasyUI Lazy Loading Nodes in Tree Grid jEasyUI Form jEasyUI Creating Asynchronous Submit Form jEasyUI Form Validation jEasyUI Creating Tree Drop-Down jEasyUI Formatting Drop-Down jEasyUI Filtering Drop-Down DataGrid jEasyUI Reference Manual jQuery EasyUI Plugins jQuery EasyUI Extensions Online Examples ·HTML Examples ·CSS Examples ·JavaScript Examples ·Ajax Examples ·jQuery Examples ·XML Examples ·Java Examples Character Sets & Tools · HTML Character Set Settings · HTML ASCII Character Set · JS Obfuscation/Encryption · PNG/JPEG Image Compression · HTML Color Picker · JSON Formatting Tool · Random Number Generator Latest Updates · Codex Advanced Configuration · AI Agent Terminology · ZCode Getting Started Tutorial · Loop Engineerin... · Claude Code Us... · Claude Code Us... · docker compose ... Site Information · Feedback · Disclaimer · About Us · Article Archive Follow WeChat My Favorites Mark Article Browsing History Clear All No records yet