# Display todo list

## สร้างหน้าจอแสดงรายการกัน

เราจะใช้ TableView ในการแสดงรายการ Todo item ของเรา เริ่มที่เลือก **Table View** ใน Object Library

![เลือก Table View](https://1168329629-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LGk7Utff0rVWsqK4eYO%2F-LGmzbHE7wGxMrud0c_0%2F-LGn0MPCaJOh-IihTO_0%2FScreen%20Shot%202018-07-07%20at%2011.34.33.png?alt=media\&token=b25d0b3a-6b0b-430a-bf08-d4d3441f8aad)

จากนั้นให้เราลากลงมาใส่ใน View หลักของเราเลยดังรูป

![ลาก TableView จาก Object Library มาใส่ลงใน View หลัก](https://1168329629-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LGk7Utff0rVWsqK4eYO%2F-LGmzbHE7wGxMrud0c_0%2F-LGn23qksVuk2mR3Twbp%2FdragTableView.gif?alt=media\&token=c943ed62-2df5-484f-80d5-5b1a319405ac)

จากนั้นให้เรากดรันแอพของเราได้เลย จะปรากฎตารางขึ้นมาในหน้าจอเรา

เมื่อเรา หมุนหน้าจอให้เป็นแนวนอนจะเห็นว่า ตำแหน่งของตารางเราจะหลุดออกไปทางซ้าย ถึงแม้ว่าเราจะลองลาก table ให้ขนาดเต็มจอใน storyboard เมื่อเรารันก็จะไม่เห็นว่าเต็มจอ

เราจะแก้ด้วยการจัด Auto Layout

![ตำแหน่งของตารางไม่อยู่ที่เดิม](https://1168329629-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LGk7Utff0rVWsqK4eYO%2F-LGn3SiCdPfWXiuSnxzg%2F-LGn4wosKfIz3ukzj_Et%2Frotate.gif?alt=media\&token=a3db99fd-6691-4d73-baf3-95696817d000)
