文字列から表示するとしたら何pxになるか求める方法

Question

タイトルの通り、sqlで取得した文字列を
Jspでtd内に表示するとしたら何pxになるな求める方法が知りたいです。

なんとかtd内での自動折り返し表示を検知する方法がないか調べたのですが見つからず、それなら文字列のpx÷tdの幅で何行表示されるか求めれないかという発想に至りました。

御教授おねがいします。

追記
情報の欲しいタイミングとしては、Javaの時点で必要となります。

何行表示されるかしりたい理由は下記に記載します。

現在、スクロールなしのテーブルAとテーブルBにSQLで取得したデータを表示する処理を作成しています。
テーブルAにデータを表示し、その続きをテーブルBに表示していくという作りにしたいのですが、テーブルAの表示終了判定に行数を必要としています。

表示されるデータが全て1行でおさまるものならループ回数を加算していけば問題ないのですが、データの中には長すぎて折り返し表示になるものもあるため、行数が欲しいです。

Comments

[masaya_ohashi]

どの時点でその幅が必要なのでしょうか？JSPに表示した後、JavaScriptで取っていいなら出来ますが、JSPにパラメータとして渡すために、Javaの時点で必要、となるとかなり難しいかと思います。

[masaya_ohashi]

そもそもなぜ何行表示されるか、が必要なのかがあると答えも変わってきます。例えば◯行までしか表示しないようにしたい、というのであればCSSやJavaScriptで解決可能かもしれません。

[BBA481]

追記 情報の欲しいタイミングとしては、Javaの時点で必要となります。 何行表示されるかしりたい理由は下記に記載します。 現在、スクロールなしのテーブルAとテーブルBにSQLで取得したデータを表示する処理を作成しています。 テーブルAにデータを表示し、その続きをテーブルBに表示していくという作りにしたいのですが、テーブルAの表示終了判定に行数を必要としています。 表示されるデータが全て1行でおさまるものならループ回数を加算していけば問題ないのですが、データの中には長すぎて折り返し表示になるものもあるため、行数が欲しいです

[masaya_ohashi]

JSPでやっている以上ブラウザ表示するものかと思いますが、行数だけわかってもブラウザの高さがわからないとどこまでやっていいかわからなくないですか？

[BBA481]

テーブルの高さが1行データを25件表示できる高さで固定なので行数カウントが25になったら終わりというふうに判定できないかなと思ったのですが無理でしょうか、、？

[masaya_ohashi]

例えばSQLでレコードが30件取得できた場合、仮に全部1行で収まるデータであれば先頭25件を表示、1個だけ2行のデータがあったら先頭から24件表示、ということでしょうか？これはテーブルの枠線の高さは考慮されているのでしょうか？25件だった場合、間に挟まる枠線は24本ですが、1件2行のデータが発生した場合、枠線の数が減って高さがズレる気がします。

[BBA481]

なるほど、、確かにズレてしまうようなきがします、、。 他になにか良い方法ないでしょうか、、？

[masaya_ohashi]

無理やり合わせるなら2行以上になるデータだけ行間をcssでいじって枠線分ずらす、とかですかね…

[BBA481]

テーブルA、テーブルBに取得データを先頭からすべて表示し、jsで行数を取得して25を超えたらそれ以降は行を悲表示にするとか出来ませんかね、、？

[masaya_ohashi]

jsでやる方法を回答に追記しました。

[BBA481]

回答ありがとうございます！何とかなりそうです！分からないことがあったらまた現れます！

Answer 1

超泥臭い方法で、確実な改行位置を取れる保障がない(ブラウザと全く同じ挙動をするかは保証されない)ですが、FontMetricsを使えば「このフォントで表示した場合、この文字列は何pxになるか」を取れるstringWidthがあります。tdの中に最大何px文字が入るのかが事前にわかっていれば、1文字ずつ足して幅が越えたところが改行位置であることが予測できます。

JavaScriptでやるならテーブルの行を1個ずつ見ていきながら、以下のスクリプトを利用して行数をカウント、オーバーした行以降をcssでdisplay:noneにして表示化、という方法が取れるかと思います。
https://gist.github.com/STAR-ZERO/1948013