2017-03-13 51 views
0

我正在打印一張桌子,我需要給它一些邊框,例如字體大小,我該怎麼做呢? thanks`如何將一些CSS屬性添加到jQuery表中?

//調用的json功能

success: function(json) { 
        var html=""; 
        html+="<table>"; 
        html+="<tr>"; 
        html+="<td>"+"Categoria"; 
        html+="</td>"; 
        html+="<td>"+"Numero"; 
        html+="</td>"; 
        html+="</tr>"; 
        var meta=json.meta; 
        var nome=meta.categoria; 
        var risultati=json.risultati; 
        console.log("json",json); 
        console.log("meta", json.meta); 
        console.log("nome", json.meta.nome); 
        var categoria; 
        var n_poi; 
// printing the array with the values 
        for(i=0; i<risultati.length; i++){ 
         categoria=risultati[i].categoria; 
         n_poi=risultati[i].n_poi; 
         html+="<tr>"; 
         html+="<td>"+categoria; 
         html+="</td>"; 
         html+="<td>"+n_poi; 
         html+="</tr>"; 
        } 
        html+="</table>"; 
        $("#table").append(html); 
       },` 
+0

爲什麼不把桌上的HTML元素的一些類,然後有一個定義應用到表這些類的風格在頁面上預定義的CSS塊? –

回答

0

我會建議給表中的ID或類,並從那裏上的基本樣式:

變化

html+="<table>"; 

html+="<table class='clName'>"; 

然後,你可以走得更遠並給特定的單元格提供特定的樣式,再次使用類:

更改(例如E)

html+="<td>"+"Categoria"; 

html+="<td class='specificClsName'>"+"Categoria"; 
0

我可能誤解了這個問題。你能不只是增加一個內嵌樣式表所示:

html+="<table style='border:1px solid black; font-size: 20px;'>";

或者添加一個類如表:

html+="<table class="myTable" >";

和風格它像CSS:

.myTable { border: 1px solid black; }

0

第一個選項是內嵌CSS: 當你建立你的CSS,你可以像<table style="border: 1px solid #000;"></table> 添加CSS也可以包括包含頁面上的CSS樣式如:table{border:1px solid #000;} 這一切都取決於您的偏好。此外,您還可以創建您的HTML與類和ids <table class="table-bordered"></table>並在您的CSS創建類樣式。