How to scroll in Drawer in Element-UI?

Question

css

I take an example from the element-ui docks, there is a beautiful nested label in the drawer element. But if the content is enlarged, the drawer will not scroll and everything will be cut off stupidly.
https://jsfiddle.net/xz0a6mL8/

Answer 1

You need to wrap the content in el-scrollbar:

<el-scrollbar
  ref="scrollbar"
  style="height: calc(100vh - 45px)"
>
  <el-table>...</el-table>
</el-scrollbar>