jQueryテーブルにいくつかのCSSプロパティを与える方法はありますか？

Question

私はテーブルを印刷していて、それに境界線を与える必要があります（例えば、フォントサイズ）。どうすればいいですか？私のJSON関数呼び出し

// thanks`

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); 
       },` 

Answer 1

私はテーブルにIDやクラスを提供し、基本的なスタイリングのためにそこから上に行くことをお勧めします：

変更

html+="<table>"; 

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

に、あなたはさらに行くことができますクラスを使用して特定のセルに特定のスタイルを与えます。

変更（exampl

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

Answer 2

私は質問を誤解している場合があります。

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

などのテーブルにクラスを追加します：あなただけのようにテーブルにインラインスタイルを追加することはできません

html+="<table class="myTable" >"。以下のようなCSSの

とスタイルを：

.myTable { border: 1px solid black; }

Answer 3

最初のオプションは、インラインCSSです：あなたはあなたのCSSを構築する場合 あなたは<table style="border: 1px solid #000;"></table> のようにCSSを追加することもできますし、含まれているページのCSSを含めることができますスタイルは次のようになります：table{border:1px solid #000;} あなたの好みによって異なります。さらに、クラスとIDを使用してhtmlを作成することもできます。<table class="table-bordered"></table>あなたのCSSにクラススタイルを作成します。