修正されたHTMLテーブルを相対テーブル保持ディメンションに変換する

Question

私は、HTMLとCSSに基づいてPDFファイルを作成するプロジェクトに取り組んでいます。私たちはAntenna House Formatterを使用してPDFファイルを生成しています。 HTMLファイルは、コンテンツ管理システムからエクスポートされます。残念ながら、私たちはPDFファイル（技術文書）に多くの表を使用しています。コンテンツ管理システムでは、テーブルの列に固定幅しか与えられません。エクスポートされたHTMLテーブルには、次のようになります。

<table data-ait-rows="4" data-ait-cols="3" data-ait-width="4818" style="width:85mm;"> 
    <tr style="height:5.9mm;" data-ait-rowheight="333"> 
    <td data-ait-width="850" data-ait-bordercolors="65793" style="width:15mm;border-width:0pt;border-color:#010101;"> 
     <p class="basestyle" data-ait-style_id="8092" data-ait-stylename="Base style" data-ait-rs="0" data-ait-list="4" data-ait-level="1" data-ait-format="">Signalwort</p> 
    </td> 
    <td data-ait-width="1984" data-ait-bordercolors="65793" style="width:35mm;border-width:0pt;border-color:#010101;"> 
     <p class="basestyle" data-ait-style_id="8092" data-ait-stylename="Base style" data-ait-rs="0" data-ait-list="4" data-ait-level="1" data-ait-format="">Eintrittswahrscheinlichkeit</p> 
    </td> 
    <td data-ait-width="1984" data-ait-bordercolors="65793" style="width:35mm;border-width:0pt;border-color:#010101;"> 
     <p class="basestyle" data-ait-style_id="8092" data-ait-stylename="Base style" data-ait-rs="0" data-ait-list="4" data-ait-level="1" data-ait-format="">Schwere der Gefahr bei Missachtung</p> 
    </td> 
    </tr> 
    ... 
</table> 

それが寸法を維持しながらパーセント値にテーブル（85ミリメートル）の固定幅と固定列幅（15ミリメートル/ 35ミリメートル/ 35ミリメートル）に変換することは可能ですか？ テクニカルライターは、コンテンツ管理システムのドラッグアンドドロップごとにテーブルの幅を設定します。これらの値は、HTMLファイルで取得されます。目的は、設定された比率をパーセンテージで自動的に変換することです。

私はこのような方法について少し前に読んだと思っていましたが、何時間か検索しても何も見つかりませんでした...誰かがアイデアを持っていれば教えてください！

Answer 1

さまざまなアプローチを試した後、かなり簡単に思えます。私のユースケースでは、ソリューションは次のようにうまくいきます。

table {table-layout: auto !important;} 
td {width: auto ! important;} 
tr {width: auto ! important;} 

Answer 2

幅は簡単です。それらの相対的なサイズは、15と35パーツ〜85（テーブル幅85 mmに対して15と35 mm）です。つまり、width: calc (15%/85%);とwidth: calc(35%/85%);に設定することができます。テーブル自体の幅に関しては、それが相対的であるか全幅であることを望んでいるかは明らかではありませんでした。それが同じ相対的なサイズを持つことになっている場合は、ユニットとの関係を知る必要があります。 W3Schoolsリストのような関連するもの：インチで

• ミリメートルミリメートル[不定]
• （1インチ= 96px = 2.54センチメートル）

この= 1 "= 96ピクセルその25.4ミリメートルを意味します。従って、85mm =（85÷25.4×96）px≒321px。

高さはわかりませんが、私の経験では、うんざりした結果がありました。しかし、両者は画面サイズに比例しているはずなので、幅と高さの100％が画面全体を埋めるようになっています。

こちらがお役に立てば幸いです。