el-table表格寬度添加橫向滾動(dòng)條 寬度超出時(shí)橫向滾動(dòng)條不出現(xiàn)

image.png

image.png

問題:

此時(shí),右側(cè)商務(wù)標(biāo)和基數(shù)表是動(dòng)態(tài)循環(huán)出來的,左側(cè)固定表頭常規(guī)寫法,如果這樣寫會(huì)出現(xiàn)一下問題 表格寬度超出,底部滾動(dòng)條不會(huì)出現(xiàn),表頭顯示不全的樣式問題

image.png

解決方法:

前面固定表頭也要通過動(dòng)態(tài)循環(huán)的方式渲染到頁面,如果表格表頭有動(dòng)態(tài)循環(huán)的就要保持一致,

image.png

效果:

image.png

• 人面猴

  序言：七十年代末贮庞，一起剝皮案震驚了整個(gè)濱河市复局，隨后出現(xiàn)的幾起案子采蚀，更是在濱河造成了極大的恐慌，老刑警劉巖剪返，帶你破解...

  沈念sama閱讀 211,265評(píng)論 6贊 490
• 死咒

  序言：濱河連續(xù)發(fā)生了三起死亡事件，死亡現(xiàn)場離奇詭異讥电，居然都是意外死亡御毅，警方通過查閱死者的電腦和手機(jī)，發(fā)現(xiàn)死者居然都...

  沈念sama閱讀 90,078評(píng)論 2贊 385
• 救了他兩次的神仙讓他今天三更去死

  文/潘曉璐 我一進(jìn)店門羽杰，熙熙樓的掌柜王于貴愁眉苦臉地迎上來渡紫，“玉大人，你說我怎么就攤上這事考赛√枧欤” “怎么了？”我有些...

  開封第一講書人閱讀 156,852評(píng)論 0贊 347
• 道士緝兇錄：失蹤的賣姜人

  文/不壞的土叔 我叫張陵颜骤，是天一觀的道長唧喉。 經(jīng)常有香客問我，道長复哆，這世上最難降的妖魔是什么码泞？ 我笑而不...

  開封第一講書人閱讀 56,408評(píng)論 1贊 283
• ?港島之戀（遺憾婚禮）

  正文 為了忘掉前任犀变，我火速辦了婚禮，結(jié)果婚禮上燥筷，老公的妹妹穿的比我還像新娘益涧。我一直安慰自己锈锤，他們只是感情好，可當(dāng)我...

  茶點(diǎn)故事閱讀 65,445評(píng)論 5贊 384
• 惡毒庶女頂嫁案：這布局不是一般人想出來的

  文/花漫 我一把揭開白布。 她就那樣靜靜地躺著久免，像睡著了一般浅辙。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上阎姥，一...

  開封第一講書人閱讀 49,772評(píng)論 1贊 290
• 城市分裂傳說

  那天记舆，我揣著相機(jī)與錄音，去河邊找鬼呼巴。 笑死泽腮，一個(gè)胖子當(dāng)著我的面吹牛，可吹牛的內(nèi)容都是我干的衣赶。 我是一名探鬼主播诊赊，決...

  沈念sama閱讀 38,921評(píng)論 3贊 406
• 雙鴛鴦連環(huán)套：你想象不到人心有多黑

  文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢(mèng)啊……” “哼府瞄！你這毒婦竟也來了碧磅？” 一聲冷哼從身側(cè)響起，我...

  開封第一講書人閱讀 37,688評(píng)論 0贊 266
• 萬榮殺人案實(shí)錄

  序言：老撾萬榮一對(duì)情侶失蹤遵馆，失蹤者是張志新（化名）和其女友劉穎鲸郊，沒想到半個(gè)月后，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體团搞，經(jīng)...

  沈念sama閱讀 44,130評(píng)論 1贊 303
• ?護(hù)林員之死

  正文 獨(dú)居荒郊野嶺守林人離奇死亡严望，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...

  茶點(diǎn)故事閱讀 36,467評(píng)論 2贊 325
• ?白月光啟示錄

  正文 我和宋清朗相戀三年，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了逻恐。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片像吻。...

  茶點(diǎn)故事閱讀 38,617評(píng)論 1贊 340
• 活死人

  序言：一個(gè)原本活蹦亂跳的男人離奇死亡，死狀恐怖复隆，靈堂內(nèi)的尸體忽然破棺而出拨匆，到底是詐尸還是另有隱情，我是刑警寧澤挽拂，帶...

  沈念sama閱讀 34,276評(píng)論 4贊 329
• ?日本核電站爆炸內(nèi)幕

  正文 年R本政府宣布惭每，位于F島的核電站，受9級(jí)特大地震影響亏栈，放射性物質(zhì)發(fā)生泄漏台腥。R本人自食惡果不足惜，卻給世界環(huán)境...

  茶點(diǎn)故事閱讀 39,882評(píng)論 3贊 312
• 男人毒藥：我在死后第九天來索命

  文/蒙蒙 一绒北、第九天 我趴在偏房一處隱蔽的房頂上張望黎侈。 院中可真熱鬧，春花似錦闷游、人聲如沸峻汉。這莊子的主人今日做“春日...

  開封第一講書人閱讀 30,740評(píng)論 0贊 21
• 一樁弒父案，背后竟有這般陰謀

  文/蒼蘭香墨 我抬頭看了看天上的太陽休吠。三九已至扳埂，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間瘤礁，已是汗流浹背阳懂。 一陣腳步聲響...

  開封第一講書人閱讀 31,967評(píng)論 1贊 265
• 情欲美人皮

  我被黑心中介騙來泰國打工， 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留柜思，地道東北人希太。 一個(gè)月前我還...

  沈念sama閱讀 46,315評(píng)論 2贊 360
• 代替公主和親

  正文 我出身青樓，卻偏偏與公主長得像酝蜒，于是被迫代替她去往敵國和親誊辉。 傳聞我的和親對(duì)象是個(gè)殘疾皇子，可洞房花燭夜當(dāng)晚...

  茶點(diǎn)故事閱讀 43,486評(píng)論 2贊 348

推薦閱讀更多精彩內(nèi)容

• el-table中霉咨，動(dòng)態(tài)添加表頭數(shù)據(jù)蛙紫，數(shù)據(jù)超出顯示橫向滾動(dòng)條，并且使橫向滾動(dòng)條一直保持最后面

  如上圖途戒，點(diǎn)擊新增列坑傅，表頭新增數(shù)據(jù)，數(shù)據(jù)過多喷斋，顯示滾動(dòng)條唁毒，并且保持在最后面 在頁面渲染 完成后，獲取dom節(jié)點(diǎn)星爪， *...

  小碼農(nóng)_影閱讀 5,079評(píng)論 0贊 0
• Vue+ElementUI 可變列表格（Table）（為什么超出了，也不顯示橫向滾動(dòng)條）

  什么叫可變列表格顽腾？ 顧名思義近零，就是Table的Column的數(shù)量是可變的，可能是3個(gè)抄肖、4個(gè)久信，或者5個(gè)。 如下圖： ...

  米米_a13d閱讀 12,517評(píng)論 0贊 1
• elementui el-table 橫向滾動(dòng)條保持在可視范圍中

  以下記錄是個(gè)人開發(fā)過程中遇到的問題： 當(dāng)列表內(nèi)容部分可見時(shí)漓摩，保持橫向滾動(dòng)條在下方裙士。 實(shí)現(xiàn) 原理1.這里涉及到兩個(gè)D...

  Angel_6c4e閱讀 5,973評(píng)論 1贊 5
• el-table暫無數(shù)據(jù)居中幌甘，不隨滾動(dòng)條滾動(dòng)

  前言：最近做項(xiàng)目遇到一個(gè)問題潮售，表頭過長產(chǎn)生的橫向滾動(dòng)條，暫無數(shù)據(jù)會(huì)隨滾動(dòng)條而滾動(dòng)锅风，從效果上非常不好酥诽。其次是客戶希望...

  譚魚魚閱讀 4,083評(píng)論 2贊 0
• 2018-05-18 記一次element-ui配置化table組件的適應(yīng)性問題（橫向滾動(dòng)條）

  本來想在 jsfiddle 重現(xiàn)下的，結(jié)果沒有成功皱埠，就給大家看截圖吧 大家可以發(fā)現(xiàn)肮帐，固定了高度的 table 不僅...

  天驅(qū)丶閱讀 21,738評(píng)論 2贊 4