次のコードを使用し、この質問に触発されて、InternetExplorerと互換性のあるHTMLテーブルに垂直列ヘッダーを含めることができました。ここで、設定する必要のある最後の詳細は、ヘッダーの垂直方向の配置です。ヘッダーを行の下部に固定したいと思います。
$(document).ready(function(){
$('tr th div').each(function (index, div){
R = Raphael($(div).attr('id'), 10, 200);
R.text(5, 100, $(div).find('span').text())
.rotate(-90, true);
$(div).find('span').hide();
});
});
このコードで、私はこの結果を得ることができます：
（出典：ompldr.org）
ご覧のとおり、ヘッダーは回転していますが、セルの下部に位置合わせされていません。ヘッダーを配置してください。私は使ってみました：
vertical-align: bottom;
しかし、それは何も変わりませんでした。
また、JSコードの.rotate命令の前後にこれを追加するには：
.attr({'text-anchor': 'end'});
.rotate命令の前に配置すると、ヘッダーが消えるだけです。.rotate命令の後に配置すると、より良い結果が得られましたが、ヘッダーが最後の文字に基づいて垂直方向に配置されているため、希望する結果は得られませんでした。
垂直方向の位置合わせの試みhttp://ompldr.org/vZnhiOQ
このような結果を得るために、これらのヘッダーを最初の行の一番下に配置するにはどうすればよいですか？
ありがとう、
ヒューゴ