將ui-grid中的水平滾動條更改爲左側？

有沒有一種方法可以將ui-grid中的水平滾動條更改爲左側而不是右側？我瀏覽過網頁，找不到解決方案。將ui-grid中的水平滾動條更改爲左側？

2016-10-20 onmyway

的約定是滾動條是在右邊。用戶不會期望它在左邊（RTL除外）。這可能是爲什麼你找不到它 – Mikkel

我知道。這是一個客戶很難....感謝您的確認。 – onmyway

這種改變大多需要一些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>

來源

2016-10-20 12:30:44 molikh

非常感謝:) – onmyway

將ui-grid中的水平滾動條更改爲左側？

回答

相關問題