なでしこ３のDOM部品にグリッドはないのですが、表のような物を表示するものとしてはテーブルがあります。
でも、確かグリッドは内容を編集出来たんですよねー？
テーブルの内容が編集出来るようなのがあると、便利ですよね～。
部品の位置は、DOMのpositionと、top、leftにDOMスタイル設定することで設定出来ます。
起点となる0,0がどこになるかは、positionの設定で変わります。
実際どこにボタンが作成されているか、確認してみて下さい✨
#=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
テストは空配列
テスト[0]は「static」のボタン作成。
テスト[1]は「absolute」のボタン作成。
テスト[2]は「relative」のボタン作成。
テスト[3]は「fixed」のボタン作成。
テスト[0]の「position」に「static」をDOMスタイル設定。# 既定
テスト[1]の「position」に「absolute」をDOMスタイル設定。# 絶対位置
テスト[2]の「position」に「relative」をDOMスタイル設定。# 相対位置
テスト[3]の「position」に「fixed」をDOMスタイル設定。# ビューポートからの相対位置
４回:
テスト[回数-1]の「top」に「100px」をDOMスタイル設定。
テスト[回数-1]の「left」に「300px」をDOMスタイル設定。
#=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
なでしこ３のUIは、HTML5のフォームのinput要素などを利用しており、色々細かいことをやりたいと思うと、HTML5とCSS3を調べなければならないのが現状です。
もう少し使いやすくなると良いですよね