我正在與Arabic bootstrap對rtl
支持。我有一個表和Bootstrap表插件。Bootstrap表插件不工作在'rtl'表
HTML:
<table class="bootstrap-table" id="listComments">
<tr>
<th data-fixed="right">
<input type="checkbox" id="checkAll" />
</th>
<th class="text-right">Title</th>
<th style="width: 200px">Category</th>
<th style="width: 140px">Created date</th>
<th style="width: 100px">Status</th>
<th data-fixed="left">Actions</th>
</tr>
<tr>
<td>
<input type="checkbox" name="id[]" class="itemCheckBox" value="6" />
<input type="hidden" name="token[6]" value="b8c5b7b3584268c8a85f1a14c34699dd" />
</td>
<td>2323</td>
<td>Project</td>
<td>09-19-2014</td>
<td> <a href="" class="label label-success">Published</a>
</td>
<td> <a class="btn btn-info btn-xs" href="" title="Edit post"><i class="icon-edit"></i></a>
<a class="btn btn-danger btn-xs confirmationDelete" href="" title="Delete post"><i class="icon-trash"></i></a>
</td>
</tr>
</table>
現在,我設計我的桌子舉表插件。插件的工程使用:data-fixed="right"
或data-fixed="left"
。與data left
和normal
這工作正常。但在阿拉伯引導和data right
,這個插件不工作,並顯示水平滾動和移動邊界。
我該如何解決這個rtl表?
DEMO RTL不起作用:JSFIIDDLE
DEMO師範大學LTR工作:JSFIDDLE
截圖在FF最後一個版本:(SEE滾動和流離失所的狀態右邊框和創建日期..)
我在你的jsfiddle中看不到水平滾動條或移動邊框,你能提供一個屏幕截圖嗎? – webeno 2014-09-28 16:01:53
@webeno:我在FF中添加屏幕截圖。 – 2014-09-28 18:13:10
認爲整個混淆來自事實上你正在使用'data-fixed =「right」'而不是實際上保留所有東西,只使用'class =「text-right」'這是你通常應該做的唯一事情需要。我們你不必倒序排列你的菜單,所有的東西都應該被正確地分配......不知道FF中的底部滾動,可能是FF所特有的... – webeno 2014-09-28 18:35:29