HTML セル幅の変更が出来ない

https://webparts.cman.jp/table/sort/

このサイトを参考にして（コピペですが）
ソートできる表を作りました
動作はしていますが、
セル幅を任意にそれぞれ変更したいのですが
td weight=30 などと指定しても
まったく受け付けてくれません
何かによって　制限されているような感じです

どこをどうすれば幅を変えられるのかさっぱりわかりません
ご指南お願いします

貼り付けしようにも文字数オーバーになってしまうので
このような書き方になり申し訳ないです

質問者からの補足コメント

• 

  いろいろ試しましたが
  やはり変化なしです・・・
  
  なんだろう？？

    補足日時：2021/03/29 21:01

No.6 ベストアンサー 回答者： admiral_ya 回答日時： 2021/03/30 00:31

具体的にどうなってほしいのか? すら書いていないので、こちらも具体的なことは書けませんが、幅を指定したいなら、明らかにタイプ・ミスが有ります

コピー&ペーストしたなら、コピー元が間違っているのでしょう

また今どきデザインを属性で指定すべきでありません
HTML5 で幅指定の属性は廃止されています

<td style="width: 10em;">
といった記述で指定します

この回答へのお礼

凡ミスで　幅の変化を付けることができましたが、
求める状態にはなりませんでした・・
50文字くらいあるセルは、
幅がせまく改行されてしまう状態です・・
その他のセルは求める状態に近く満足しているのですが・・
white-space : nowrap;を　nomalにしたり　いろいろやってますが・・

お礼日時：2021/03/30 05:24

No.5 回答者： fujillin 回答日時： 2021/03/29 22:33

No4です

＞でもそうすると　ソートが出来なくなりますよね？
CSSはレイアウトを指定しているだけです。
テストする1分間すら惜しんで、質問を繰り返すだけでは、解決する力は何も身につかないと思いますよ。

この回答へのお礼

いえ
いろいろ試してみたんですが・・

お礼日時：2021/03/29 22:44

No.4 回答者： fujillin 回答日時： 2021/03/29 22:19

No2です

＞なんだろう？？
何をどうしているのか何も情報がないので、「効果のある設定をしていないから」としか言いようがありません。

＞このサイトを参考にして（コピペですが）
まるっきりのコピペのままだと、既存のスタイルが効いているので、それとの関係で思うようにならない可能性があります。
元サイトのサンプルのCSSで、「（参考）テーブル全体のスタイル指定」以下のCSSを、一旦全部外してしまえば（ソートボタンを除いて）ほぼ素のtableの表示状態になります。

そこからご自由にレイアウトなされば宜しいでしょう。

この回答へのお礼

でもそうすると　ソートが出来なくなりますよね？

お礼日時：2021/03/29 22:23

No.3 回答者： naokita 回答日時： 2021/03/29 16:51

#1です。

例サイトのCSSを確認しました。

tdの指定で、
white-space: nowrap;
というのは、改行させないCSS設定なので、貴方が幅を指定しても、文字数が多くなれば、文字数によっては幅が長くなりますよ。
対処策としては、
この記述を削除すれば、ご希望の幅30pxは可能になるでしょう。

それでも、paddingもあるし、英数字だと１行になるので、幅30pxをオーバーする可能性はあります。
それもCSSを変更すれば、30pxに収める事も可能です。

この回答へのお礼

30は、変化する事を確認するための適当な数値です
年月日をはじめ20位の要素があります
現在はそのままだと改行無しのためモニターからはみ出す事があり
（1セル５０文字のものがある）
狭いセルと広いセル幅とテーブル幅を指定して
自動改行させたいのです
nowrapも改行するプロパティに変更したり試しました
ですが変化なしのため質問させてもらいました

お礼日時：2021/03/29 19:38

No.2 回答者： fujillin 回答日時： 2021/03/29 16:48

こんにちは

＞td weight=30 などと指定しても
＞まったく受け付けてくれません
幅の指定はCSSでwidthを用いるか、あるいは、colタグなどを利用して指定します。
いずれにしろ、いくら"weight"を設定したところで、セル幅に影響することはないでしょう。

特段指定せずに、ブラウザの自動レイアウトに任せるという方法もあります。

この回答へのお礼

css側で指定、 試してみます

お礼日時：2021/03/29 19:27

No.1 回答者： naokita 回答日時： 2021/03/29 16:42

weight=ではなく、

width=ですよ！

また、別途のCSSで、tableが100％とか、セル自体が設定されている場合は、
セルが広がるかもしれませんね・・・

この回答へのお礼

そうでした
heightと混同して書いてしまったようです
現物にはwidthで指定しています

お礼日時：2021/03/29 19:26