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

时间:2016-10-20 11:47:46

标签: angularjs angular-ui-grid ui-grid

有没有办法可以将ui-grid中的水平滚动条更改为左侧而不是右侧?我在网上搜索过,找不到解决方法。

1 个答案:

答案 0 :(得分:2)

这种变化大多需要一些css的改变。 只需找到带有inspect元素的相关类,并在其上使用此css。

方向:rtl将滚动条更改为左侧,文本对齐将文本更改为左侧。

/* 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>