HTML Tables and Responsive Web design

GT9

Well-known member
  • Jun 22, 2013
    1,564
    167
    63
    [email protected]
    මචන් ‍මේකයි අවුල. responsive web design වලදි table use කරනකොට සෑහෙන්න ප්‍රශ්න ඇති වෙනවනෙ. :yes:

    මම මෙතනදි කතා කරන්නේ layout වලදි tables use කරන එක ගැන නම් නෙමෙයි. :yes: මම කතා කරන්නේ. අන්තර්ගතයන් ඉදිරිපත් කරද්දී අපි සාමාන්‍යයෙන් දත්ත පිළිවෙලට , පැහැදිලිව ඉදිරිපත් කරන්න html tables use කරනවනේ. අන්න ඒව ගැන. :yes::yes::yes:

    මචන් responsive web design එකක් කරන කොට මේ HTML tables මාර හිසරදයක්.. මේකට විසඳුමක් නැද්ද? දත්ත හරස් අතට දක්වන්නේ නැතිව දික් අතට උනත් දාන්න පුලුවන්. නමුත් tables භාවිතා කරලා කරලා දත්ත පෙන්නනව වගේ පැහැදිලි නෑනේ..:yes:

    මේකට මචන් මොකද කරන්නේ? :confused:
     

    GT9

    Well-known member
  • Jun 22, 2013
    1,564
    167
    63
    [email protected]
    <div> use karapan styles ekka, den tables use wenne ne html waladi

    ඒකියන්නේ මචන් tables use කරන්න ඕන තැන් වලදී tables use නොකරන එක අවුලක්ද? div වලින් කරන්න පුලුවන් ඒතේ සෑහෙන් මැරෙන්න වෙනව. :D
     

    GT9

    Well-known member
  • Jun 22, 2013
    1,564
    167
    63
    [email protected]
    table paranai dan... dan karanne div walin eka lesi... mama karanneth UI..

    මචන් මට html table වෙනුවට ඔයා Use කරන div/span based table tag structure එක මට දෙන්න පුලුවන්ද?

    මචන් මම කතා කරන්නේ layout design ගැන නෙමේ.. ඔය අපි දත්ත. පෙන්නන්න Html use කරනවනේ අන්න ඒකෙදි.. උදා-ඩේටබේස් වල දත්ත පෙන්නන්නේ.. අන්න ඒවගේ..

    name age
    ------ ------
    Thilina 18
    Ranuka 19
     

    Dragonborn

    Member
    Apr 22, 2013
    135
    19
    0
    මුලින්ම මේ වගේ Resolution Categories හදන්න. ඊට පස්සේ Table එකේ Size එක Category එකට අනුව වෙනස් කරන්න.

    ඊට පස්සේ JavaScript එක දාලා if else මගින් User ගේ Screen Resolution එක ගන්න. ඊට පස්සේ ඒ Resolution එක අයත් වෙන Category එක අදුන ගෙන ඊට ගැලපෙන විදියට Table එකේ Size එක දෙන්න.


    screen_resolution_full-size.gif
     

    GT9

    Well-known member
  • Jun 22, 2013
    1,564
    167
    63
    [email protected]
    මුලින්ම මේ වගේ Resolution Categories හදන්න. ඊට පස්සේ Table එකේ Size එක Category එකට අනුව වෙනස් කරන්න.

    ඊට පස්සේ JavaScript එක දාලා if else මගින් User ගේ Screen Resolution එක ගන්න. ඊට පස්සේ ඒ Resolution එක අයත් වෙන Category එක අදුන ගෙන ඊට ගැලපෙන විදියට Table එකේ Size එක දෙන්න.


    screen_resolution_full-size.gif

    බොහොම ස්තුතියි මචන්.. මම තේරුම් ගත්ත.. ප්‍රශ්නෙ විසඳුනා.. :D:yes: