<link rel="stylesheet" href="jquery.splitter.css" /> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="jquery.splitter.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jquery.splitter@0.28.0/css/jquery.splitter.css"> <script src="https://cdn.jsdelivr.net/npm/jquery.splitter@0.28.0/js/jquery.splitter.js"></script> 3. Basic Usage HTML Structure Create a container div with two or more child divs:
Fix: Enable resizeToWidth :
.splitter-bar background-color: #3498db; width: 6px !important; /* For vertical splitter */ cursor: col-resize; jquery splitter plugin
#mySplitter > div overflow: auto;
.splitter-bar-vertical background-image: none; /* Remove default grip */ <link rel="stylesheet" href="jquery
A jQuery Splitter plugin allows you to divide a web page or container into two or more resizable panels (vertical or horizontal). Users can drag a divider bar to adjust the relative size of each pane. link rel="stylesheet" href="jquery.splitter.css" />
