javascript - 水平调整大小的可调整大小的面板

Question

我正在尝试制作一个可调整大小的面板，它是应用程序高度的 100%，并在用户单击并拖动 div 的边缘时水平调整大小。

这是 Electron 内置的，还是我需要使用某种库来做到这一点？

编辑

CSS:

.connections{
    min-width: 100px;
    height: 100vh;
    background-color: #252526;
    color: #cccccc;
}

JavaScript:

var $ = require('jquery');
require('jquery-ui');

$(function () {
    $('.connections').resizable();
});

HTML:

<div class="row">
    <div class="connections col-xs-2 col-sm-2 col-md-2 col-lg-2">
        <p>hello</p>
    </div>
    <div class="col-xs-10 col-sm-10 col-md-10 col-lg-10">
        <table class="results table table-striped table-bordered">
            <!-- Table Contents Here -->
        </table>
    </div>
</div>

Answer 1

看看jQueryUI resizeable