web-dev-qa-db-ja.com

GitHub Markdownテーブルにチェックボックスや目盛りを描くにはどうすればいいですか？

GithubのREADME.mdリストにチェックボックスを引くことができます。

- []（チェックされていないチェックボックス用）

- [x]（チェックしたチェックボックス用）

しかし、これは表では機能していません。 GitHub Markdownテーブルにチェックボックスまたはチェックマークを実装する方法を知っている人はいますか？

githubgithub-flavored-markdown
62
Gaurav Bishnoi

-または[]の前に[x]を追加してみてください。それは-とそれに続く空白スペースです。

以下はGithubブログの例です。

### Solar System Exploration, 1950s – 1960s

- [ ] Mercury
- [x] Venus
- [x] Earth (Orbit/Moon)
- [x] Mars
- [ ] Jupiter
- [ ] Saturn
- [ ] Uranus
- [ ] Neptune
- [ ] Comet Haley

以下のようになります。

Resultant Image

テーブルで同じことができる方法は次のとおりです。

| Task           | Time required | Assigned to   | Current Status | Finished | 
|----------------|---------------|---------------|----------------|-----------|
| Calendar Cache | > 5 hours  |  | in progress | - [x] ok?
| Object Cache   | > 5 hours  |  | in progress | [x] item1<br/>[ ] item2
| Object Cache   | > 5 hours  |  | in progress | <ul><li>- [x] item1</li><li>- [ ] item2</li></ul>
| Object Cache   | > 5 hours  |  | in progress | <ul><li>[x] item1</li><li>[ ] item2</li></ul>


- [x] works
- [x] works too

外観は次のとおりです。

enter image description here

88
Yash

私は&#9744;に[ ]（☐）を、そして&#9745;に[x]（☑）を使用しました。これは marked.js に対して機能します。私の解決策は この質問に対する回答 に基づいています。 この有益な答え もご覧ください。

更新日：私はあなたがこのようにそれをするとき、あなたが<ul>を必要としないことを述べたべきです、例えば：

| Unchecked | Checked |
| --------- | ------- |
| &#9744;   | &#9745; |
10
user9645

あなたは絵文字を使用することができます

Done? | Name
:---:| ---
⬜️| Nope
✅| Yep
5
Benjamin Intal

今絵文字がサポートされています！ :white_check_mark:/:heavy_check_mark:は良い印象を与え、広くサポートされています。

Function | MySQL / MariaDB | PostgreSQL | SQLite
:------------ | :-------------| :-------------| :-------------
substr | :heavy_check_mark: |  :white_check_mark: | :heavy_check_mark:

（ここでは古いクロム65.0.3倍）にレンダリング：

enter image description here

4
davidkonrad

以下はテーブルにチェックボックスを描く方法です。

| Checkbox Experiments | [ ] unchecked header  | [x] checked header  |
| ---------------------|:---------------------:|:-------------------:|
| checkbox             | [ ] row               | [x] row             |


このように表示されます。
enter image description here

3
vishwarajanand

文書またはWikiページを編集し、- [ ]および- [x]構文を使用してタスクリストを更新してください。さらに このリンク を参照することができます。

2
Joseph Charles

これは私とマークダウンチェックボックスの表についてあなたや他の人を助けるものです。楽しい！

| Projects | Operating Systems | Programming Languages   | CAM/CAD Programs | Microcontrollers and Processors | 
|---------------------------------- |---------------|---------------|----------------|-----------|
| <ul><li>[ ] Blog </li></ul>       | <ul><li>[ ] CentOS</li></ul>        | <ul><li>[ ] Python </li></ul> | <ul><li>[ ] AutoCAD Electrical </li></ul> | <ul><li>[ ] Arduino </li></ul> |
| <ul><li>[ ] PyGame</li></ul>   | <ul><li>[ ] Fedora </li></ul>       | <ul><li>[ ] C</li></ul> | <ul><li>[ ] 3DsMax </li></ul> |<ul><li>[ ] Raspberry Pi </li></ul> |
| <ul><li>[ ] Server Info Display</li></ul>| <ul><li>[ ] Ubuntu</li></ul> | <ul><li>[ ] C++ </li></ul> | <ul><li>[ ] Adobe AfterEffects </li></ul> |<ul><li>[ ]  </li></ul> |
| <ul><li>[ ] Twitter Subs Bot </li></ul> | <ul><li>[ ] ROS </li></ul>    | <ul><li>[ ] C# </li></ul> | <ul><li>[ ] Adobe Illustrator </li></ul> |<ul><li>[ ]  </li></ul> |
1
Musa Toktaş