2017-03-13 49 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创建类样式。