Nhà Sáng Tạo
​
API Động Cơ
Ghi chú phát hành
Học
Lớp công cụ
UITableLayout

*Nội dung này được dịch bằng AI (Beta) và có thể có lỗi. Để xem trang này bằng tiếng Anh, hãy nhấp vào đây.

Tóm Tắt
Thành viên kế thừa
Mẫu mã
Xây dựng Bảng Giao Diện
local frame = script.Parent



-- Dữ liệu bảng

local headerWidth = { 200, 80, 80 }

local headers = {

	"Tên",

	"Công việc",

	"Tiền",

}

local data = {

	{ "Bob", "Phục vụ", 100 },

	{ "Lisa", "Cảnh sát", 200 },

	{ "George", "-", 50 },

}



-- Đầu tiên, xây dựng bố cục bảng

local uiTableLayout = Instance.new("UITableLayout")

uiTableLayout.FillDirection = Enum.FillDirection.Vertical

uiTableLayout.HorizontalAlignment = Enum.HorizontalAlignment.Center

uiTableLayout.VerticalAlignment = Enum.VerticalAlignment.Center

uiTableLayout.FillEmptySpaceColumns = false

uiTableLayout.FillEmptySpaceRows = false

uiTableLayout.Padding = UDim2.new(0, 5, 0, 5)

uiTableLayout.SortOrder = Enum.SortOrder.LayoutOrder

frame.Size = UDim2.new(0, 0, 0, 40) -- Kích thước của khung cha là kích thước ô

uiTableLayout.Parent = frame



-- Tiếp theo, tạo đầu mục cột

local headerFrame = Instance.new("Frame")

headerFrame.Name = "Headers"

headerFrame.Parent = frame

for i = 1, #headers do

	local headerText = headers[i]

	local headerCell = Instance.new("TextLabel")

	headerCell.Text = headerText

	headerCell.Name = headerText

	headerCell.LayoutOrder = i

	headerCell.Size = UDim2.new(0, 0, 0, 24)

	headerCell.Parent = headerFrame

	local headerSize = Instance.new("UISizeConstraint")

	headerSize.MinSize = Vector2.new(headerWidth[i], 0)

	headerSize.Parent = headerCell

end



-- Cuối cùng, thêm hàng dữ liệu bằng cách lặp qua từng hàng và các cột trong hàng đó

for index, value in ipairs(data) do

	local rowData = value

	local rowFrame = Instance.new("Frame")

	rowFrame.Name = "Row" .. index

	rowFrame.Parent = frame

	for col = 1, #value do

		local cellData = rowData[col]

		local cell = Instance.new("TextLabel")

		cell.Text = cellData

		cell.Name = headers[col]

		cell.TextXAlignment = Enum.TextXAlignment.Left

		if tonumber(cellData) then -- Nếu ô này là một số, căn phải nó thay vào đó

			cell.TextXAlignment = Enum.TextXAlignment.Right

		end

		cell.ClipsDescendants = true

		cell.Size = UDim2.new(0, 0, 0, 24)

		cell.Parent = rowFrame

	end

end
Tài Liệu Tham Khảo API
Thuộc Tính
FillEmptySpaceColumns
Đọc Song Song
Các khả năng: UI
UITableLayout.FillEmptySpaceColumns:boolean
Mẫu mã
Xây dựng Bảng Giao Diện
local frame = script.Parent



-- Dữ liệu bảng

local headerWidth = { 200, 80, 80 }

local headers = {

	"Tên",

	"Công việc",

	"Tiền",

}

local data = {

	{ "Bob", "Phục vụ", 100 },

	{ "Lisa", "Cảnh sát", 200 },

	{ "George", "-", 50 },

}



-- Đầu tiên, xây dựng bố cục bảng

local uiTableLayout = Instance.new("UITableLayout")

uiTableLayout.FillDirection = Enum.FillDirection.Vertical

uiTableLayout.HorizontalAlignment = Enum.HorizontalAlignment.Center

uiTableLayout.VerticalAlignment = Enum.VerticalAlignment.Center

uiTableLayout.FillEmptySpaceColumns = false

uiTableLayout.FillEmptySpaceRows = false

uiTableLayout.Padding = UDim2.new(0, 5, 0, 5)

uiTableLayout.SortOrder = Enum.SortOrder.LayoutOrder

frame.Size = UDim2.new(0, 0, 0, 40) -- Kích thước của khung cha là kích thước ô

uiTableLayout.Parent = frame



-- Tiếp theo, tạo đầu mục cột

local headerFrame = Instance.new("Frame")

headerFrame.Name = "Headers"

headerFrame.Parent = frame

for i = 1, #headers do

	local headerText = headers[i]

	local headerCell = Instance.new("TextLabel")

	headerCell.Text = headerText

	headerCell.Name = headerText

	headerCell.LayoutOrder = i

	headerCell.Size = UDim2.new(0, 0, 0, 24)

	headerCell.Parent = headerFrame

	local headerSize = Instance.new("UISizeConstraint")

	headerSize.MinSize = Vector2.new(headerWidth[i], 0)

	headerSize.Parent = headerCell

end



-- Cuối cùng, thêm hàng dữ liệu bằng cách lặp qua từng hàng và các cột trong hàng đó

for index, value in ipairs(data) do

	local rowData = value

	local rowFrame = Instance.new("Frame")

	rowFrame.Name = "Row" .. index

	rowFrame.Parent = frame

	for col = 1, #value do

		local cellData = rowData[col]

		local cell = Instance.new("TextLabel")

		cell.Text = cellData

		cell.Name = headers[col]

		cell.TextXAlignment = Enum.TextXAlignment.Left

		if tonumber(cellData) then -- Nếu ô này là một số, căn phải nó thay vào đó

			cell.TextXAlignment = Enum.TextXAlignment.Right

		end

		cell.ClipsDescendants = true

		cell.Size = UDim2.new(0, 0, 0, 24)

		cell.Parent = rowFrame

	end

end
FillEmptySpaceRows
Đọc Song Song
Các khả năng: UI
UITableLayout.FillEmptySpaceRows:boolean
Mẫu mã
Xây dựng Bảng Giao Diện
local frame = script.Parent



-- Dữ liệu bảng

local headerWidth = { 200, 80, 80 }

local headers = {

	"Tên",

	"Công việc",

	"Tiền",

}

local data = {

	{ "Bob", "Phục vụ", 100 },

	{ "Lisa", "Cảnh sát", 200 },

	{ "George", "-", 50 },

}



-- Đầu tiên, xây dựng bố cục bảng

local uiTableLayout = Instance.new("UITableLayout")

uiTableLayout.FillDirection = Enum.FillDirection.Vertical

uiTableLayout.HorizontalAlignment = Enum.HorizontalAlignment.Center

uiTableLayout.VerticalAlignment = Enum.VerticalAlignment.Center

uiTableLayout.FillEmptySpaceColumns = false

uiTableLayout.FillEmptySpaceRows = false

uiTableLayout.Padding = UDim2.new(0, 5, 0, 5)

uiTableLayout.SortOrder = Enum.SortOrder.LayoutOrder

frame.Size = UDim2.new(0, 0, 0, 40) -- Kích thước của khung cha là kích thước ô

uiTableLayout.Parent = frame



-- Tiếp theo, tạo đầu mục cột

local headerFrame = Instance.new("Frame")

headerFrame.Name = "Headers"

headerFrame.Parent = frame

for i = 1, #headers do

	local headerText = headers[i]

	local headerCell = Instance.new("TextLabel")

	headerCell.Text = headerText

	headerCell.Name = headerText

	headerCell.LayoutOrder = i

	headerCell.Size = UDim2.new(0, 0, 0, 24)

	headerCell.Parent = headerFrame

	local headerSize = Instance.new("UISizeConstraint")

	headerSize.MinSize = Vector2.new(headerWidth[i], 0)

	headerSize.Parent = headerCell

end



-- Cuối cùng, thêm hàng dữ liệu bằng cách lặp qua từng hàng và các cột trong hàng đó

for index, value in ipairs(data) do

	local rowData = value

	local rowFrame = Instance.new("Frame")

	rowFrame.Name = "Row" .. index

	rowFrame.Parent = frame

	for col = 1, #value do

		local cellData = rowData[col]

		local cell = Instance.new("TextLabel")

		cell.Text = cellData

		cell.Name = headers[col]

		cell.TextXAlignment = Enum.TextXAlignment.Left

		if tonumber(cellData) then -- Nếu ô này là một số, căn phải nó thay vào đó

			cell.TextXAlignment = Enum.TextXAlignment.Right

		end

		cell.ClipsDescendants = true

		cell.Size = UDim2.new(0, 0, 0, 24)

		cell.Parent = rowFrame

	end

end
MajorAxis
Đọc Song Song
Các khả năng: UI
UITableLayout.MajorAxis:Enum.TableMajorAxis
Mẫu mã
Xây dựng Bảng Giao Diện
local frame = script.Parent



-- Dữ liệu bảng

local headerWidth = { 200, 80, 80 }

local headers = {

	"Tên",

	"Công việc",

	"Tiền",

}

local data = {

	{ "Bob", "Phục vụ", 100 },

	{ "Lisa", "Cảnh sát", 200 },

	{ "George", "-", 50 },

}



-- Đầu tiên, xây dựng bố cục bảng

local uiTableLayout = Instance.new("UITableLayout")

uiTableLayout.FillDirection = Enum.FillDirection.Vertical

uiTableLayout.HorizontalAlignment = Enum.HorizontalAlignment.Center

uiTableLayout.VerticalAlignment = Enum.VerticalAlignment.Center

uiTableLayout.FillEmptySpaceColumns = false

uiTableLayout.FillEmptySpaceRows = false

uiTableLayout.Padding = UDim2.new(0, 5, 0, 5)

uiTableLayout.SortOrder = Enum.SortOrder.LayoutOrder

frame.Size = UDim2.new(0, 0, 0, 40) -- Kích thước của khung cha là kích thước ô

uiTableLayout.Parent = frame



-- Tiếp theo, tạo đầu mục cột

local headerFrame = Instance.new("Frame")

headerFrame.Name = "Headers"

headerFrame.Parent = frame

for i = 1, #headers do

	local headerText = headers[i]

	local headerCell = Instance.new("TextLabel")

	headerCell.Text = headerText

	headerCell.Name = headerText

	headerCell.LayoutOrder = i

	headerCell.Size = UDim2.new(0, 0, 0, 24)

	headerCell.Parent = headerFrame

	local headerSize = Instance.new("UISizeConstraint")

	headerSize.MinSize = Vector2.new(headerWidth[i], 0)

	headerSize.Parent = headerCell

end



-- Cuối cùng, thêm hàng dữ liệu bằng cách lặp qua từng hàng và các cột trong hàng đó

for index, value in ipairs(data) do

	local rowData = value

	local rowFrame = Instance.new("Frame")

	rowFrame.Name = "Row" .. index

	rowFrame.Parent = frame

	for col = 1, #value do

		local cellData = rowData[col]

		local cell = Instance.new("TextLabel")

		cell.Text = cellData

		cell.Name = headers[col]

		cell.TextXAlignment = Enum.TextXAlignment.Left

		if tonumber(cellData) then -- Nếu ô này là một số, căn phải nó thay vào đó

			cell.TextXAlignment = Enum.TextXAlignment.Right

		end

		cell.ClipsDescendants = true

		cell.Size = UDim2.new(0, 0, 0, 24)

		cell.Parent = rowFrame

	end

end
Padding
Đọc Song Song
Các khả năng: UI
UITableLayout.Padding:UDim2
Mẫu mã
Xây dựng Bảng Giao Diện
local frame = script.Parent



-- Dữ liệu bảng

local headerWidth = { 200, 80, 80 }

local headers = {

	"Tên",

	"Công việc",

	"Tiền",

}

local data = {

	{ "Bob", "Phục vụ", 100 },

	{ "Lisa", "Cảnh sát", 200 },

	{ "George", "-", 50 },

}



-- Đầu tiên, xây dựng bố cục bảng

local uiTableLayout = Instance.new("UITableLayout")

uiTableLayout.FillDirection = Enum.FillDirection.Vertical

uiTableLayout.HorizontalAlignment = Enum.HorizontalAlignment.Center

uiTableLayout.VerticalAlignment = Enum.VerticalAlignment.Center

uiTableLayout.FillEmptySpaceColumns = false

uiTableLayout.FillEmptySpaceRows = false

uiTableLayout.Padding = UDim2.new(0, 5, 0, 5)

uiTableLayout.SortOrder = Enum.SortOrder.LayoutOrder

frame.Size = UDim2.new(0, 0, 0, 40) -- Kích thước của khung cha là kích thước ô

uiTableLayout.Parent = frame



-- Tiếp theo, tạo đầu mục cột

local headerFrame = Instance.new("Frame")

headerFrame.Name = "Headers"

headerFrame.Parent = frame

for i = 1, #headers do

	local headerText = headers[i]

	local headerCell = Instance.new("TextLabel")

	headerCell.Text = headerText

	headerCell.Name = headerText

	headerCell.LayoutOrder = i

	headerCell.Size = UDim2.new(0, 0, 0, 24)

	headerCell.Parent = headerFrame

	local headerSize = Instance.new("UISizeConstraint")

	headerSize.MinSize = Vector2.new(headerWidth[i], 0)

	headerSize.Parent = headerCell

end



-- Cuối cùng, thêm hàng dữ liệu bằng cách lặp qua từng hàng và các cột trong hàng đó

for index, value in ipairs(data) do

	local rowData = value

	local rowFrame = Instance.new("Frame")

	rowFrame.Name = "Row" .. index

	rowFrame.Parent = frame

	for col = 1, #value do

		local cellData = rowData[col]

		local cell = Instance.new("TextLabel")

		cell.Text = cellData

		cell.Name = headers[col]

		cell.TextXAlignment = Enum.TextXAlignment.Left

		if tonumber(cellData) then -- Nếu ô này là một số, căn phải nó thay vào đó

			cell.TextXAlignment = Enum.TextXAlignment.Right

		end

		cell.ClipsDescendants = true

		cell.Size = UDim2.new(0, 0, 0, 24)

		cell.Parent = rowFrame

	end

end
©2026 Roblox Corporation. Roblox, logo Roblox và Powering Imagination là các nhãn hiệu đã đăng ký và chưa đăng ký của chúng tôi tại Hoa Kỳ và các quốc gia khác.
Điều Khoản·Quyền Riêng Tư·Khả Năng Truy Cập·Hỗ Trợ
Tiếng Việt