Recently I've across some website and they were using this pattern. What is this pattern called? PFA image.
Apple UI guidelines refer to that as a "segmented control"
They mostly function as tabs.
My guess is that you won't find a precise name because it's not standard at all and it is quite "complex" in your second screenshot. It's basically a composition of several patterns.
For me, it is a radio menu with an unorthodox style (no radio, "|" separators). The radio menu controls some data, and you have feedback when you select an option. Or you could call it a button group with the latest option clicked highlighted. But in term of interaction, the "mental reference" is a radio menu (select one option at a time).
Wiring some actions to sort the data in the panel is independant of chosing the pattern used to control it.
EDIT : Regarding other answers, I want to add that it is not tabs, since there is no panel controlled by the "options", and that "Segmented control" is clearly something from the mobile world. To be understood by the majority of people, I would not use this term. Regarding the fact that it can't be radio buttons, please remember that the paradigm behind radio menu is just "Choose only one option amongst several ones". Which is what is shown here. Segmented Controls refers to a particular design and implementation of that interaction (just google it and you will see that it looks the same on every platform).