鍍金池/ 問答/HTML/ 這種表格怎么用js實現(xiàn)?

這種表格怎么用js實現(xiàn)?

圖片描述

如圖,一共3列,每列固定22行,超過22行,在右邊接著顯示,排名跟著前面的改變,有什么好的辦法解決?

回答
編輯回答
冷咖啡

鏈接描述

修改tableCols的值為22即可滿足你的要求;

2017年6月5日 09:24
編輯回答
舊言

一個表格,一套js代碼解決

var hang =0;
        var gap = 0;
        for (var i = 0; i < data.length; i++) {
            var rank = $('tbody').children('tr')[hang].children('td')[0 + gap];//排名的td
            var hospitalName = $('tbody').children('tr')[hang].children('td')[1 + gap];//醫(yī)院名稱的td
            var price = $('tbody').children('tr')[hang].children('td')[2 + gap];//價格的td
            rank.text(i+1);
            hospitalName.text(data[i]['hospitalName']);
            price.text(data[i]['price']);
            hang++;
            if(hang>21){//超過22行時,td間隔加3,行歸0;
               hang = 0;
               gap = gap + 3;
            } 
        }
2017年8月17日 08:58
編輯回答
近義詞

三列是一個表格,表格22行,創(chuàng)建多個表格,向左浮動
數(shù)據(jù)放在數(shù)據(jù)中,獲取所有表格的 tr,遍歷tr,填充數(shù)據(jù)。
維護一個 index值,遍歷一次 index += 1.

2017年1月20日 14:30