Dropdown always going up

I am using your dropdowns which fully works as I want them to except one important thing.
They always "dropup", and I can't seem to disable it.
I guess it's because it sees each row in the table and assumes there is no space beneath it so it pops up instead.


<table class="table table-sm table-bordered align-middle text-center">
                    <th style="width: 10%" scope="col">Priority</th>
                    <th style="width: 10%" scope="col">Price</th>
                    <th style="width: 10%" scope="col">Loot</th>
                    <th style="width: 60%" scope="col">Select Loot</th>
                @for (int i = 1; i < 31; i++)
                    var priorityRow = i;
                            <a href="https://tbcdb.com/?item=@GetItemId(priorityRow)" target="_blank">
                                <img src=@GetIconPath(priorityRow)>
                                <RadzenDropDown AllowClear="true" TValue="Models.LootTBC" Style="width: 100%"
                                                FilterCaseSensitivity="FilterCaseSensitivity.CaseInsensitive" FilterOperator="StringFilterOperator.StartsWith" AllowFiltering="true"
                                                Data=@LootInPhase TextProperty="Name" ValueProperty="LootTBC" Change=@(args => OnChange(args, priorityRow)) />

Hope you can help!