Browse Source

add a table example format

kaoritokashiki 6 years ago
parent
commit
3d83369779
1 changed files with 33 additions and 0 deletions
  1. 33 0
      src/client/js/components/Admin/Security/SecuritySetting.jsx

+ 33 - 0
src/client/js/components/Admin/Security/SecuritySetting.jsx

@@ -57,6 +57,39 @@ class SecuritySetting extends React.Component {
           <p>{t('Error occurred')} : {this.state.retrieveError}</p>
         </div>
           )}
+
+        <table className="table">
+          <thead>
+            <tr>
+              <th scope="col">#</th>
+              <th scope="col">見出し1</th>
+              <th scope="col">見出し2</th>
+              <th scope="col">見出し3</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <th scope="row">1</th>
+              <td>項目1</td>
+              <td>項目2</td>
+              <td>項目3</td>
+            </tr>
+            <tr>
+              <th scope="row">2</th>
+              <td>項目4</td>
+              <td>項目5</td>
+              <td>項目6</td>
+            </tr>
+            <tr>
+              <th scope="row">3</th>
+              <td>項目7</td>
+              <td>項目8</td>
+              <td>項目9</td>
+            </tr>
+          </tbody>
+        </table>
+
+        {/* ゲストユーザーのアクセス */}
         <div className="row mb-5">
           <div className="col-md-3 text-md-right text-nowrap py-2 mr-md-5">
             <strong>{t('security_setting.Guest Users Access')}</strong>