current location:Home > Technical Articles > Web Front-end > Layui Tutorial

  • Introduction to sorting table in layui
    Introduction to sorting table in layui
    The table module is one of the core components of the layui framework. It is used to perform some column functions and dynamic data operations on tables. This article introduces the sorting of tables in layui and solves some problems that we may encounter when using sort. question.
    Layui Tutorial 19967 2019-11-23 17:30:02
  • Webpack packaging layui implementation steps
    Webpack packaging layui implementation steps
    webpack is a static module bundler for modern JavaScript applications. This article introduces us to the method of using webpack to package layui, hoping to help you learn layui quickly.
    Layui Tutorial 7135 2019-11-23 17:13:13
  • A collection of difficulties encountered by the layui front-end (with code)
    A collection of difficulties encountered by the layui front-end (with code)
    layui is a front-end UI framework written using its own module specifications. It is minimalist on the outside, but full of content on the inside. It is light in size and has abundant components. Although layui is very simple, we will always encounter some difficulties when using it. , this article introduces some difficulties that layui front-end will encounter.
    Layui Tutorial 2357 2019-11-23 17:01:58
  • Introduction to layui's iframe jump link and page button jump
    Introduction to layui's iframe jump link and page button jump
    This article introduces the issues related to layui's iframe jump link and page button jump. Through this tutorial, you can quickly get started with the iframe jump link and page button jump of the layui framework.
    Layui Tutorial 9138 2019-11-23 16:51:27
  • The table tool button can also trigger table events when more columns are displayed.
    The table tool button can also trigger table events when more columns are displayed.
    The table module is one of the core components of the layui framework. It is used to perform a series of functions and dynamic data operations on tables, covering almost all needs involved in daily business. This article introduces how to quickly implement a method to trigger table events when more columns of table tool buttons are displayed.
    Layui Tutorial 3397 2019-11-23 16:38:42
  • Introduction to how to make layui support es5 writing method
    Introduction to how to make layui support es5 writing method
    This article introduces how to make layui support es5 writing method. The layui framework is a front-end UI framework written using its own module specifications. It follows the writing and organizational form of native HTML/CSS/JS. The threshold is extremely low and can be used out of the box.
    Layui Tutorial 2395 2019-11-23 16:21:32
  • Introduction to common form layout in layui framework
    Introduction to common form layout in layui framework
    layui is a front-end UI framework written using its own module specifications. It follows the writing and organization of native HTML/CSS/JS. The threshold is extremely low and can be used out of the box. This article quickly introduces several common form layouts in the layui framework.
    Layui Tutorial 4424 2019-11-23 16:14:45
  • Solve the problem of incorrect display of ID number and bank card number when exporting layUI to Excel
    Solve the problem of incorrect display of ID number and bank card number when exporting layUI to Excel
    The layui framework is a front-end UI framework written using its own module specifications. It follows the writing and organizational form of native HTML/CSS/JS. The threshold is extremely low and can be used out of the box. This article introduces how to solve the problem of incorrect display of ID number and bank card number when exporting layUI to Excel.
    Layui Tutorial 5521 2019-11-23 16:01:02
  • Add a method to set the start of a week in the layDate component of layui
    Add a method to set the start of a week in the layDate component of layui
    The layDate component of the layui framework has built-in powerful custom date format parsing and legal correction mechanisms, including Chinese and international versions. This article will introduce to you how to add and set the start of the week in the layDate component.
    Layui Tutorial 3545 2019-11-23 15:53:26
  • Introduction to table field filtering function of layui framework
    Introduction to table field filtering function of layui framework
    The table module is newly launched in the layui 2.0 version and is one of the core components of the layui framework. This article introduces the field filtering function of the table module of the layui framework to everyone. I hope it will be of some help to you.
    Layui Tutorial 10804 2019-11-23 15:42:27
  • Introduction to how to enable fixed columns of layui table to monitor scrolling
    Introduction to how to enable fixed columns of layui table to monitor scrolling
    The table module is newly launched in the layui 2.0 version and is one of the core components of layui. This tutorial will introduce to you how to make the fixed columns of the Layui framework table also monitor scrolling. I hope you can quickly learn how to use the Layui framework through this tutorial.
    Layui Tutorial 4063 2019-11-23 15:31:05
  • Detailed introduction to layDate's new 'Date Multiple Selection' and 'Destruction Method'
    Detailed introduction to layDate's new 'Date Multiple Selection' and 'Destruction Method'
    Like layer, you can use layDate in layui, or you can directly use the independent version of layDate. Please choose according to your actual needs. This tutorial introduces how to add "date multi-selection" and "destruction method" to layDate in the layui framework.
    Layui Tutorial 7792 2019-11-23 15:14:15
  • A simple implementation of layui table reversal
    A simple implementation of layui table reversal
    The table module of layui is a major focus and is as user-friendly as possible in terms of basic parameters. This tutorial provides you with a simple implementation of table reversal. I hope you can quickly learn how to use the layui framework through this tutorial.
    Layui Tutorial 4371 2019-11-23 15:00:54
  • Several tips for using layui data tables
    Several tips for using layui data tables
    layui is a front-end UI framework written using its own module specifications. It is minimalist on the outside, but full of content on the inside. It is light in size and rich in components, which is very suitable for rapid development of interfaces. This tutorial introduces the use of layui data tables, hoping to help everyone learn the layui framework quickly.
    Layui Tutorial 5760 2019-11-23 14:38:22
  • A way to process layui table data changes
    A way to process layui table data changes
    Table data display is the most used in writing backend management systems. There are many mainstream data table components at present. Here we recommend using the layui framework. This tutorial provides you with a way to change table data. I hope it can help you quickly Getting started with table data changing methods in layui.
    Layui Tutorial 8803 2019-11-23 14:16:59

Tool Recommendations

jQuery enterprise message form contact code

jQuery enterprise message form contact code is a simple and practical enterprise message form and contact us introduction page code.
form button
2024-02-29

HTML5 MP3 music box playback effects

HTML5 MP3 music box playback special effect is an mp3 music player based on HTML5 css3 to create cute music box emoticons and click the switch button.

HTML5 cool particle animation navigation menu special effects

HTML5 cool particle animation navigation menu special effect is a special effect that changes color when the navigation menu is hovered by the mouse.
Menu navigation
2024-02-29

jQuery visual form drag and drop editing code

jQuery visual form drag and drop editing code is a visual form based on jQuery and bootstrap framework.
form button
2024-02-29

Organic fruit and vegetable supplier web template Bootstrap5

An organic fruit and vegetable supplier web template-Bootstrap5
Bootstrap template
2023-02-03

Bootstrap3 multifunctional data information background management responsive web page template-Novus

Bootstrap3 multifunctional data information background management responsive web page template-Novus
backend template
2023-02-02

Real estate resource service platform web page template Bootstrap5

Real estate resource service platform web page template Bootstrap5
Bootstrap template
2023-02-02

Simple resume information web template Bootstrap4

Simple resume information web template Bootstrap4
Bootstrap template
2023-02-02

Cute summer elements vector material (EPS PNG)

This is a cute summer element vector material, including the sun, sun hat, coconut tree, bikini, airplane, watermelon, ice cream, ice cream, cold drink, swimming ring, flip-flops, pineapple, conch, shell, starfish, crab, Lemons, sunscreen, sunglasses, etc., the materials are provided in EPS and PNG formats, including JPG previews.
PNG material
2024-05-09

Four red 2023 graduation badges vector material (AI EPS PNG)

This is a red 2023 graduation badge vector material, four in total, available in AI, EPS and PNG formats, including JPG preview.
PNG material
2024-02-29

Singing bird and cart filled with flowers design spring banner vector material (AI EPS)

This is a spring banner vector material designed with singing birds and a cart full of flowers. It is available in AI and EPS formats, including JPG preview.
banner picture
2024-02-29

Golden graduation cap vector material (EPS PNG)

This is a golden graduation cap vector material, available in EPS and PNG formats, including JPG preview.
PNG material
2024-02-27

Home Decor Cleaning and Repair Service Company Website Template

Home Decoration Cleaning and Maintenance Service Company Website Template is a website template download suitable for promotional websites that provide home decoration, cleaning, maintenance and other service organizations. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-05-09

Fresh color personal resume guide page template

Fresh color matching personal job application resume guide page template is a personal job search resume work display guide page web template download suitable for fresh color matching style. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-29

Designer Creative Job Resume Web Template

Designer Creative Job Resume Web Template is a downloadable web template for personal job resume display suitable for various designer positions. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28

Modern engineering construction company website template

The modern engineering and construction company website template is a downloadable website template suitable for promotion of the engineering and construction service industry. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28