解決Layui數(shù)據(jù)表格中checkbox位置不居中的方法
更新時(shí)間：2018年08月15日 09:27:25 作者：xcmercy
今天小編就為大家分享一篇解決Layui數(shù)據(jù)表格中checkbox位置不居中的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
1、情景
使用方法渲染的方式生成數(shù)據(jù)表格，添加了checkbox，但發(fā)現(xiàn)checkbox位置不居中，如下圖所示
2、解決辦法
通過(guò)layui官方社區(qū)，找到如下代碼，只需要添加如下樣式即可解決
.layui-table-cell .layui-form-checkbox[lay-skin="primary"]{
top: 50%;
transform: translateY(-50%);
}
以上這篇解決Layui數(shù)據(jù)表格中checkbox位置不居中的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- Layui Table js 模擬選中checkbox的例子
- layui之table checkbox初始化時(shí)選中對(duì)應(yīng)選項(xiàng)的方法
- 解決layui checkbox 提交多個(gè)值的問題
- LayUI動(dòng)態(tài)設(shè)置checkbox不顯示的解決方法
- layui checkbox默認(rèn)選中,獲取選中值,清空所有選中項(xiàng)的例子
- 解決Layui選擇全部,換頁(yè)checkbox復(fù)選框重新勾選的問題方法
- layui的table單擊行勾選checkbox功能方法
- layui表格checkbox選擇全選樣式及功能的實(shí)例
- layui實(shí)現(xiàn)checkbox的目錄樹tree的例子
相關(guān)文章
JavaScript注冊(cè)時(shí)密碼強(qiáng)度校驗(yàn)代碼
這篇文章主要為大家詳細(xì)介紹了JavaScript注冊(cè)時(shí)密碼強(qiáng)度校驗(yàn)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
js實(shí)現(xiàn)每日自動(dòng)換一張圖片的方法
這篇文章主要介紹了js實(shí)現(xiàn)每日自動(dòng)換一張圖片的方法,涉及javascript操作圖片與日期的相關(guān)技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-05-05
JavaScript中數(shù)組slice和splice的對(duì)比小結(jié)
相信對(duì)很多學(xué)習(xí)JavaScript語(yǔ)言的人來(lái)說(shuō)，都會(huì)經(jīng)常搞不清slice和splice這兩個(gè)方法。它們雖然名稱相似，但是功能卻完全不同。所以這篇文章就給大家詳細(xì)整理了關(guān)于JavaScript中數(shù)組slice和splice的對(duì)比，有需要的可以參考學(xué)習(xí)。2016-09-09
父頁(yè)面iframe中的第三方子頁(yè)面跨域交互技術(shù)—postMessage實(shí)現(xiàn)方法
web網(wǎng)站通過(guò)iframe嵌入第三方web頁(yè)面，父頁(yè)面和子頁(yè)面如果需要數(shù)據(jù)交互，顯然違反了同源策略，在HTML5標(biāo)準(zhǔn)引入的window對(duì)象下的postMessage方法，可以允許來(lái)自不同源的JavaScript腳本采用異步方式進(jìn)行有限的通信，可以實(shí)現(xiàn)跨文本檔、多窗口、跨域消息傳遞...2023-06-06
記錄幾個(gè)javascript有關(guān)的小細(xì)節(jié)
記錄幾個(gè)javascript有關(guān)的小細(xì)節(jié)...2007-04-04
這篇文章主要介紹了JavaScript中ES6字符串?dāng)U展方法的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧2016-08-08
判斷滾動(dòng)條滑到底部觸發(fā)事件(實(shí)例講解)
下面小編就為大家?guī)?lái)一篇判斷滾動(dòng)條滑到底部觸發(fā)事件的實(shí)例講解。具有很好的參考價(jià)值。一起跟隨小編過(guò)來(lái)看看吧，希望對(duì)大家有所幫助2017-11-11
這篇文章主要介紹了javascript-封裝Date日期類的相關(guān)資料,需要的朋友可以參考下2017-05-05
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)日歷效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-06-06
JS中g(shù)etElementsByClassName與classList兼容性問題解決方案分析
這篇文章主要介紹了JS中g(shù)etElementsByClassName與classList兼容性問題解決方案,結(jié)合實(shí)例形式分析了getElementsByClassName與classList的使用方法、原理及兼容性問題的處理技巧,需要的朋友可以參考下2019-08-08