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.
Code:
<table class="table table-sm table-bordered align-middle text-center">
<thead>
<tr>
<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>
</tr>
</thead>
<tbody>
@for (int i = 1; i < 31; i++)
{
var priorityRow = i;
<tr>
<td>@priorityRow</td>
<td>@GetPrice(priorityRow)</td>
<td>
<a href="https://tbcdb.com/?item=@GetItemId(priorityRow)" target="_blank">
<img src=@GetIconPath(priorityRow)>
</a>
</td>
<td>
<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)) />
</td>
</tr>
}
</tbody>
</table>
Hope you can help!