how to display categories and sub categories in continuations.

See more:

C#

ASP.NET

HTML

hi,

I have created a page in my website where I have to display all the categories with its corresponding sub categories with their images.

Suppose I have 10 Main categories and under main categories there are sub categories for each main category. And in each main category there are 5-20 sub categories.

The problem is that I have three columns and when I display first main category with its 20 sub categories and then second main category with 5 sub categories in my first column and then my second column starts and when I display third main category with only 3 sub categories then my third main category (which has only 3 sub categories) leaves the 17 rows space because in first column the first main category took 20 rows so it leaves 17 rows blank and starts my fourth category after black 17 rows. As you could see below :


(Food Main Category Heading)

  I column                                II Column                        III column
Food subcategories                        Breakfast
Baby Food
                                          Cold Cereals                         and sub-sub categories list
    1,031                                       91
1ST Stage Baby Food                      Dips and Spreads
    172                                         117
2ND Stage Baby Food
    418
3RD Stage Baby Food
    179
Baby Cereal
    82
Baby Formula
    148
Baby Juice
    47




Breakfast                             Frozen Foods


Cold Cereals                           and sub-sub categories list starts
    1,031
Granola
    195
Hot Cereals
    542
Toaster Pastries
    180

Candy                                  Dairy & Dairy Substitutes

Boxed Candy                            and sub-sub categories list
    691
Candy Bar                               starts 
    712
Chocolate Bar
    578
Dessert Toppings
    177
Hard Candy
    408
Soft Candy
    331


Canned Foods

Broth
    149
Fruits
    305
Meats
    82
Seafood
    557
Soups
    646
Vegetables
    1,223


Dairy & Dairy Substitutes


Desserts
    2,037
Hard Cheese
    805
Milk
    420
Milk Substitutes
    306
Yogurt
    1,526

I just want to start my fourth category exactly from the next row appearing in my second column after third category without leaving any row as blank. I am using data list and grid view controls.

Any Help is appreciated. Thanks in advance.