[Help]Ordering table data

[Syntrax#]

Fellow community,

I'm here with a script today,it's a skin selection but made out of DX.But i've encoutered a problem within this script.I want to output table information on the Text but i can't get all the numbers in the Rectangles.It should go from 1 - 11 in every Rectangle.But it only outputs 3 for me.Does Anyone know how to fix this problem i would be happy if you could help me out

--Client

Skintable = { 
-- {Classname, Teamneame, SkinID, Spawninfo, R, g, b} 
{number=1, class="Arms Dealer", team="Criminals", skinID=15, spawninfo="spawn info here", r=150, g=0, b=0 }, 
{number=2, class="Drugs Dealer", team="Criminals", skinID=15, spawninfo="spawn info here", r=150, g=0, b=0 }, 
{number=3, class="Police Officer", team="Police Department", skinID=285, spawninfo="spawn info here", r=0, g=0, b=180 }, 
} 
  
for i,v in ipairs(Skintable) do 
--  outputChatBox("Number : "..v.number..", Class : "..v.class..", Team : "..v.team..", SkinID : "..v.skinID..", SpawnInfo : "..v.spawninfo..", R : "..v.r..", G : "..v.g..", B : "..v.b.." .") 
    outputChatBox(i.." Value : "..v.class) 
    end  
     
local screenW, screenH = guiGetScreenSize() 
  
function DrawSelection() 
for i,v in ipairs(Skintable) do 
    if i ~= nil then 
    dxDrawRectangle(screenW * (0.2226 + (0.043*1)), screenH * 0.9219, screenW * 0.0391, screenH * 0.0479, tocolor(v.r,v.g,v.b, 200), false) 
    dxDrawRectangle(screenW * (0.2656 + (0.043*1)), screenH * 0.9219, screenW * 0.0391, screenH * 0.0479, tocolor(v.r,v.g,v.b, 200), false) 
    dxDrawRectangle(screenW * (0.2656 + (0.043*2)), screenH * 0.9219, screenW * 0.0391, screenH * 0.0479, tocolor(v.r,v.g,v.b, 200), false) 
    dxDrawRectangle(screenW * (0.2656 + (0.043*3)), screenH * 0.9219, screenW * 0.0391, screenH * 0.0479, tocolor(0, 0, 0, 200), false) 
    dxDrawRectangle(screenW * (0.2656 + (0.043*4)), screenH * 0.9219, screenW * 0.0391, screenH * 0.0479, tocolor(0, 0, 0, 200), false) 
    dxDrawRectangle(screenW * (0.2656 + (0.043*5)), screenH * 0.9219, screenW * 0.0391, screenH * 0.0479, tocolor(0, 0, 0, 200), false) 
    dxDrawRectangle(screenW * (0.2656 + (0.043*6)), screenH * 0.9219, screenW * 0.0391, screenH * 0.0479, tocolor(0, 0, 0, 200), false) 
    dxDrawRectangle(screenW * (0.2656 + (0.043*7)), screenH * 0.9219, screenW * 0.0391, screenH * 0.0479, tocolor(0, 0, 0, 200), false) 
    dxDrawRectangle(screenW * (0.2656 + (0.043*8)), screenH * 0.9219, screenW * 0.0391, screenH * 0.0479, tocolor(0, 0, 0, 200), false) 
    dxDrawRectangle(screenW * (0.2656 + (0.043*9)), screenH * 0.9219, screenW * 0.0391, screenH * 0.0479, tocolor(0, 0, 0, 200), false) 
    dxDrawRectangle(screenW * (0.2656 + (0.043*10)), screenH * 0.9219, screenW * 0.0391, screenH * 0.0479, tocolor(0, 0, 0, 200), false) 
    dxDrawRectangle(screenW * 0.1992, screenH * 0.9219, screenW * 0.0617, screenH * 0.0479, tocolor(0, 0, 0, 200), false) 
    dxDrawRectangle(screenW * (0.2656 + (0.043*11)), screenH * 0.9219, screenW * 0.0617, screenH * 0.0479, tocolor(0, 0, 0, 200), false) 
    dxDrawText("<<", (screenW * 0.1992) - 1, (screenH * 0.9219) - 1, (screenW * 0.2609) - 1, (screenH * 0.9697) - 1, tocolor(0, 0, 0, 255), 0.80, "bankgothic", "center", "center", false, false, false, false, false) 
    dxDrawText("<<", (screenW * 0.1992) + 1, (screenH * 0.9219) - 1, (screenW * 0.2609) + 1, (screenH * 0.9697) - 1, tocolor(0, 0, 0, 255), 0.80, "bankgothic", "center", "center", false, false, false, false, false) 
    dxDrawText("<<", (screenW * 0.1992) - 1, (screenH * 0.9219) + 1, (screenW * 0.2609) - 1, (screenH * 0.9697) + 1, tocolor(0, 0, 0, 255), 0.80, "bankgothic", "center", "center", false, false, false, false, false) 
    dxDrawText("<<", (screenW * 0.1992) + 1, (screenH * 0.9219) + 1, (screenW * 0.2609) + 1, (screenH * 0.9697) + 1, tocolor(0, 0, 0, 255), 0.80, "bankgothic", "center", "center", false, false, false, false, false) 
    dxDrawText("<<", screenW * 0.1992, screenH * 0.9219, screenW * 0.2609, screenH * 0.9697, tocolor(255, 255, 255, 255), 0.80, "bankgothic", "center", "center", false, false, false, false, false) 
    dxDrawText(">>", (screenW * (0.2656 + (0.043*11))) - 1, (screenH * 0.9219) - 1, (screenW * 0.7961) - 1, (screenH * 0.9697) - 1, tocolor(0, 0, 0, 255), 0.80, "bankgothic", "center", "center", false, false, false, false, false) 
    dxDrawText(">>", (screenW * (0.2656 + (0.043*11))) + 1, (screenH * 0.9219) - 1, (screenW * 0.7961) + 1, (screenH * 0.9697) - 1, tocolor(0, 0, 0, 255), 0.80, "bankgothic", "center", "center", false, false, false, false, false) 
    dxDrawText(">>", (screenW * (0.2656 + (0.043*11))) - 1, (screenH * 0.9219) + 1, (screenW * 0.7961) - 1, (screenH * 0.9697) + 1, tocolor(0, 0, 0, 255), 0.80, "bankgothic", "center", "center", false, false, false, false, false) 
    dxDrawText(">>", (screenW * (0.2656 + (0.043*11))) + 1, (screenH * 0.9219) + 1, (screenW * 0.7961) + 1, (screenH * 0.9697) + 1, tocolor(0, 0, 0, 255), 0.80, "bankgothic", "center", "center", false, false, false, false, false) 
    dxDrawText(">>", screenW * (0.2656 + (0.043*11)), screenH * 0.9219, screenW * 0.7961, screenH * 0.9697, tocolor(255, 255, 255, 255), 0.80, "bankgothic", "center", "center", false, false, false, false, false) 
    dxDrawText(v.number, screenW * 0.2656, screenH * 0.9219, screenW * 0.3047, screenH * 0.9697, tocolor(255, 255, 255, 255), 0.80, "bankgothic", "center", "center", false, false, false, false, false) 
    dxDrawText(v.number, screenW * (0.2656 + (0.043*1)), screenH * 0.9219, screenW * 0.3477, screenH * 0.9697, tocolor(255, 255, 255, 255), 0.80, "bankgothic", "center", "center", false, false, false, false, false) 
    dxDrawText(v.number, screenW * (0.2656 + (0.043*2)), screenH * 0.9219, screenW * 0.3906, screenH * 0.9697, tocolor(255, 255, 255, 255), 0.80, "bankgothic", "center", "center", false, false, false, false, false) 
    dxDrawText("0", screenW * (0.2656 + (0.043*3)), screenH * 0.9219, screenW * 0.4336, screenH * 0.9697, tocolor(255, 255, 255, 255), 0.80, "bankgothic", "center", "center", false, false, false, false, false) 
    dxDrawText("0", screenW * (0.2656 + (0.043*4)), screenH * 0.9219, screenW * 0.4758, screenH * 0.9697, tocolor(255, 255, 255, 255), 0.80, "bankgothic", "center", "center", false, false, false, false, false) 
    dxDrawText("0", screenW * (0.2656 + (0.043*5)), screenH * 0.9219, screenW * 0.5180, screenH * 0.9697, tocolor(255, 255, 255, 255), 0.80, "bankgothic", "center", "center", false, false, false, false, false) 
    dxDrawText("0", screenW * (0.2656 + (0.043*6)), screenH * 0.9219, screenW * 0.5602, screenH * 0.9697, tocolor(255, 255, 255, 255), 0.80, "bankgothic", "center", "center", false, false, false, false, false) 
    dxDrawText("0", screenW * (0.2656 + (0.043*7)), screenH * 0.9219, screenW * 0.6023, screenH * 0.9697, tocolor(255, 255, 255, 255), 0.80, "bankgothic", "center", "center", false, false, false, false, false) 
    dxDrawText("0", screenW * (0.2656 + (0.043*8)), screenH * 0.9219, screenW * 0.6453, screenH * 0.9697, tocolor(255, 255, 255, 255), 0.80, "bankgothic", "center", "center", false, false, false, false, false) 
    dxDrawText("0", screenW * (0.2656 + (0.043*9)), screenH * 0.9219, screenW * 0.6875, screenH * 0.9697, tocolor(255, 255, 255, 255), 0.80, "bankgothic", "center", "center", false, false, false, false, false) 
    dxDrawText("0", screenW * (0.2656 + (0.043*10)), screenH * 0.9219, screenW * 0.7297, screenH * 0.9697, tocolor(255, 255, 255, 255), 0.80, "bankgothic", "center", "center", false, false, false, false, false) 
end 
end 
end 
  
function showSelection() 
addEventHandler("onClientRender", root, DrawSelection) 
end 
addCommandHandler("show", showSelection)