2011-06-20 15 views
6

MS Excel 2010を使用してExcelスプレッドシート(​​.xls)からhtmlに変換しようとしていますが、グリッドラインを維持したいと考えています。だから私はすべてのセルを強調表示しています - >フォーマットセル - >アウトラインと内側の境界線のプリセット、通常の境界線、黒色、そして次にエクスポートをしています。 IEとFirefoxで見ると、境界があります。しかし、クロムで見ると、境界がなくなり、代わりにstyle = "border-left:none;"と表示されます。各tdタグの内側Google ChromeでMS ExcelのHTMLグリッドラインが見つからない

これはウェブページのスプレッドシートプレビューを作成することを目的としており、おそらくexport-to-htmlルートが最も簡単なように見えます。誰かがより良いルートを知っていますか?

私の唯一の解決策は、chromeに特化したjavascriptのチェックをして、すべてのtdタグの境界線の左/右/上/下のスタイルを編集することだと思っています。私は行方不明のものがありますか?


また、htmlバージョンで行番号と列文字ヘッダーを保持する方法はありますか?

答えて

4

ソースコードがborder-left:none,border:noneなどとなっているすべてのインスタンスに対して検索/置換を実行できます。次に、CSSスタイルを使用して、グリッド線がデータに確実に留まるようにします。それはテーブルとしてエクスポートされたと仮定すると、行番号と列ヘッダーについては

<style type="text/css"> 
    table{ 
     border: 2px solid #000000; 
    } 
    td{ 
     border: 1px solid #000000; 
    } 
</style> 

(独自の味や好みに合わせてフォーマット)

を使用し、それはあなたが持っているどのくらいのデータによって決まります。それほど多くない場合は、見出しと数字を手入力するのが最も簡単です。それがたくさんある場合は、JavaScriptやサーバーサイドの言語を使用して行見出しを印刷するのが最善の方法です。

+0

chromeの開発ツールを使用して、テーブル要素では動作しますが、td要素では動作しません。 td要素にはclass = "xl165"のクラス名があり、削除するとtd境界線が表示されます(ただし、インライン境界線の左側のセクションはインラインスタイル属性から削除する必要があります)。 要するに、javascriptを使用すると、既にそこにあるインラインスタイルシートにスタイルを挿入し、各tdタグからそのクラス名とインラインの境界線スタイルを削除できます。このコードを呼び出すには、ワークシートフレーム内のすべてのタブでonclickを設定する必要があります。 –

+1

か、自分で 'xl165'クラスを修正して、それらのセルすべてに与えた名前を使って、CSSで独自のスタイルを作ることができます...それほど面倒ではないかもしれません。 – alquatoun

+0

それはずっと大丈夫でしょう各tdタグの個々のインラインボーダースタイルでない場合は、より効率的なソリューションです。 ------ スプレッドシートを生成してエクスポートした後に、ワークシートページごとにサーバー上の "border *:none"から "border:1px solid#000" htmlへ私はpythonなどでそれを混乱させていますが、trタグの数を数えてから、1つのtrタグ内で最大の数のtdタグを見つけてそこから行番号と列ヘッダーを生成することもできます。基本的には、ヘッダーのためにベース10からベース26をベースにします。 –

1

Googleドライブにアクセスしてxlsファイルをインポートし、htmlファイルとしてダウンロードする方法もあります。生成されたWebページは、ChromeとIEの両方で完全に動作します。

3

非常に怠惰なのは、ウェブページとして保存する前に、より大きなサイズの境界線をExcelで選択することです。それは私が見つけたフィックスで、それ以来、毎日のチームの統計を&のテーブルにエクスポートしてホッケープールを維持し、このトリックを使ってクロームでうまく描画しました。

関連する問題