Method for realizing bookstrap table row dragging

Abstract

The invention discloses a method for realizing bookstrap table row dragging. The method comprises the following steps that: S1: judging whether a mouse position is in a list or not and whether a distance between the mouse position and a list boundary is smaller than a set value or not, if the mouse position is in the list or and the distance between the mouse position and the list boundary is smaller than the set value, changing a mouse state to be a draggable state, and jumping to S2, and otherwise, stopping processing; S2: judging whether the mouse is pressed down or not, if the mouse is pressed down, calculating a mouse dragging distance, jumping to S3, and otherwise, stopping processing; and S3: reconstructing row width, and endowing the row width to a current dragged row and an adjacent row again according to the calculated row width. By use of the method, the source code file of bootstrap table is revised, the compatibility problem of a browser is fully considered, almost all browsers are supported, the bookstrap table row dragging is realized, a user can drag the row width of the table row and define the layout and the display of the row on the own, and the page experience of the user is optimized.

Description

technical field [0001] The invention relates to the technical field of java web, in particular to a method for realizing dragging and dropping of bookstrap table columns. Background technique [0002] In the framework of developing pages now, the bootstrap framework is already very popular among front-end developers, and the bootstrap table is a jquery table plug-in based on bootstrap, which provides a lot for our front-end to use tables to display data and query, sort, paginate, column selection, etc. Great convenience. However, the column size is generally written in percentage form or fixed size form when the form is initialized. After the form is generated, the width of the form column cannot be dragged arbitrarily. Contents of the invention [0003] The purpose of the present invention is to provide a method for dragging and dropping the columns of the bookstrap table, which realizes the dragging and dropping of the columns of the bootstrap table, so that the user ca...

Images