這篇文章主要介紹了layui中布局和表格的渲染以及動(dòng)態(tài)生成表格的示例分析，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
成都創(chuàng)新互聯(lián)長(zhǎng)期為近1000家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為日喀則企業(yè)提供專業(yè)的成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站，日喀則網(wǎng)站改版等技術(shù)服務(wù)。擁有10年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。整體的效果：
一、首先百度搜索layui的地址，然后下載layui的壓縮包，，將壓縮包的文件解壓縮，然后將解壓縮后的文件復(fù)制到你的編譯器上；
二、建立一個(gè)html文件，引入layui.css 和 layui.js兩個(gè)文件，一定要將地址寫對(duì)，css和js要一起引用；
三、將整個(gè)頁(yè)面分為三部分body標(biāo)簽中要引用的class為class="layui-layout-body"
3.1、頭部部分：用一個(gè)大的div包裹，class="layui-layout layui-layout-admin",然后可以設(shè)計(jì)自己的logo或者所需要的二級(jí)導(dǎo)航，具體實(shí)現(xiàn)代碼如下所示：
3.2、對(duì)左邊的設(shè)置，因?yàn)橐獙?shí)現(xiàn)的效果是點(diǎn)擊左邊顯示右邊的內(nèi)容，所以在左邊最重要的是iframe框架和新建的兩個(gè)html文件；在右邊的主題內(nèi)容區(qū)域，將iframe的name值的設(shè)置為重點(diǎn)，因?yàn)樵谧筮叺贸溄邮歉鶕?jù)標(biāo)簽里得target=“iframe的name”值才能實(shí)現(xiàn)點(diǎn)擊左邊顯示右邊的內(nèi)容，具體實(shí)現(xiàn)代碼如下：
重慶分公司
重慶分公司
