将 ui-grid 中的水平滚动条更改为左侧？

Question

有什么方法可以将 ui-grid 中的水平滚动条更改为左侧而不是右侧？我已经在网上搜索过，但找不到解决方案。

Answer 1

这种变化大多需要一些css变化。简单地找到与检查元素相关的 class 并在其上使用此 css。

direction:rtl 将滚动条向左移动，text-align 将文本向左移动。

/* Styles go here */

.scroll{
  height:200px;
  overflow:scroll;
  direction:rtl;
  text-align: left;
}

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>

  <body>
    <div class="scroll">
      <h1>Hello World</h1>
      <h1>Hello World</h1>
      <h1>Hello World</h1>
      <h1>Hello World</h1>
      <h1>Hello World</h1>
      <h1>Hello World</h1>
      <h1>Hello World</h1>
      <h1>Hello World</h1>

    </div>
  </body>

</html>

将 ui-grid 中的水平滚动条更改为左侧？

Change the horizontal scrollbar in ui-grid to be on left?

angularjs

angular-ui-grid

ui-grid